slkav

Hi Ankit,

just wondering if you had any update on what the issue might be?

Thanks

Sarah

Hi Ankit,

That seems to have removed the hover functionality that I added in and also stopped the display of the secondary image. http://www.bonfire.ie/minchmalt/2.0/

Sarah

$output .= '<li class="item all ' .$portfolio_item_category. '">';
			$output .= '<figure>';
			$output .= get_the_post_thumbnail($post->ID, 'large');
			$output .= '<figcaption>';
			$output .= '<a class="plink" href="'.get_permalink(get_the_ID()).'" ></a>' ;
			$output .= '<div class="caption-inner">';
			$output .= '<h3>'.get_the_title().'</h3>';
			$output .= '<em>'.$portfolio_category_list.'</em>';
			$output .= '</div>';
			$output .= '</figcaption>';
			$output .= '</figure>' ;
			global $dynamic_featured_image;
			$secondaryImages = $dynamic_featured_image->get_featured_images( get_the_ID() );
			$img = '';
			if( !empty($secondaryImages) ) {
				foreach( $secondaryImages as $image ) {
					$permalink = get_permalink(get_the_ID());
					$img .= "<figure><a href='{$permalink}'><img src='{$image['thumb']}' class='secondimage' /></a></figure>";
				}
			}
			$output .= $img;

			$output .= '</li>';
			endforeach; wp_reset_postdata();
			$output .= '</ul>';
			$output .= '<div class="grid">';

Hi Ankit,

Just a small update for you. I’ve gotten the hover effect to work (kind of) in the way that I want it to, however the new hovering image seems to be blocking the link behind it. I would like users to be able to rollover and click on the image to visit the particular item. You can see how it’s currently affected here. I tried to format the previous code you sent to me to include the permalink on the secondary image but it didn’t seem to work.

My current block looks like this.

$output .= '<li class="item all ' .$portfolio_item_category. '">';
			$output .= '<figure>';
			$output .= get_the_post_thumbnail($post->ID, 'large');
			$output .= '<figcaption>';
			$output .= '<a class="plink" href="'.get_permalink(get_the_ID()).'" ></a>' ;
			$output .= '<div class="caption-inner">';
			$output .= '<h3>'.get_the_title().'</h3>';
			$output .= '<em>'.$portfolio_category_list.'</em>';
			$output .= '</div>';
			$output .= '</figcaption>';
			$output .= '</figure>' ;
			global $dynamic_featured_image;
			$secondaryImages = $dynamic_featured_image->get_featured_images( get_the_ID() );
			$img = '';
			if( !empty($secondaryImages) ) {
				foreach( $secondaryImages as $image ) {
					$img .= "<figure><img src='{$image['thumb']}' class='secondimage' /></figure>";
				}
			}
			$output .= $img;

			$output .= '</li>';
			endforeach; wp_reset_postdata();
			$output .= '</ul>';
			$output .= '<div class="grid">';

Apologies Ankit.

I don’t think i’ve explained this very well. Each of the logos you see is a single portfolio item. Each of the secondary featured images is therefore contained within each portfolio item. Each portfolio item has only one additional image but each needs to display this secondary image. the first chunk of code you sent me worked perfectly for pulling in the secondary image for the first portfolio item but not for subsequent items.

That last amendment you sent me displays nothing at all.

Hi Ankit,

That is resulting in some strange outputs. The image link is displaying instead of the thumbnail and only on one item, not on every item with a secondary image. Screenie at the link below.

http://cl.ly/image/1w181X2F3L0j

Any ideas? I really appreciate all of your help so far!

Sarah