slkav

Hi Nabil!

Reopening as i have the same issue and can’t find a solution that was resolved.

I’m inserting the hurry timer shortcode into revolution slider, but the timer does not display on the frontend. It works on pages, posts and in widgets, but i can’t get it to display inside Slider Revolution.

I had a similar issue with a timer shortcode on another project and it turned out to be a CSS display issue. I was wondering might you be able to help?

Links to screenshots below:

Inserted into SR – https://share.getcloudapp.com/E0u9pZ5n
Frontend View – https://share.getcloudapp.com/L1uNA9ny
Code Display – https://share.getcloudapp.com/2NuEO7dr

Thanks a mill

resolved!

Hi Ankit,

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

Thanks

Sarah

Also fyi i replaced

get_permalink( $image['attachment_id'] );

with

get_permalink(get_the_ID());

so that the image links to the post and not the attachment.

Hi Ankit,

That seems to have removed the hover functionality that I added in and also stopped the display of the secondary image. https://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,

That doesn’t seem to have worked I’m afraid.

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">';

You’re truly fantastic!

Thank you so much for all of your help. This works a treat. Well it will when i figure out the hover effects ??

Thank you for a great plugin and fantastic support!

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.

That’s great Ankit thanks. It’s now pulling in the second image. However 5 of these images have secondary images and only the first one is being pulled in. Any ideas?

https://cl.ly/image/0i1a0y3u3y3U

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.

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

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

Sarah

Hi Ankit,

i’ve tried including that code and i can’t get it to display. It seems my theme requires that anything to be outputted in the particular section needs to be declared as $output. So somewhere in the area below.

$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>' ;
		    $output .= '</li>';
		    endforeach; wp_reset_postdata();
		    $output .= '</ul>';
		    $output .= '<div class="grid">';

		}

I can’t figure out how I can convert the code you’ve sent me to fit into this area. When I use it as is, nothing displays. When i try to wrap it in $output it breaks the theme.