Thanks. I tried the code, but I must be doing something wrong. I dragged a Text Block, clicked on the “Text” tab, pasted your code and replaced YOUTUBE_CODE_HERE with the long URL of the video. Saved it, updated etc. There is no thumbnail, but the video pops up. I pasted the code below as taken from the text block after saving it. Do I have a syntax error somewhere ? Doesn’t work for me for some reason. Thanks Joe

Thanks, that makes sense for self-hosted videos.

However, I also used the 3rd approach (image element) to link to a Youtube Video. I used the long URL and the short URL, but the image did not show a thumbnail in either case. Should the thumbnails show up when linking to youtube videos ?

Thanks – Joe

The code you posted doesn’t work for me. It doesn’t show the thumbnail and when I click on it, it says “Image could not be loaded”.

Let me restate, I just want to put a video, that shows a thumbnail, when the user clicks on it, it opens into a larger size so they can view it.
Is there no simple way to do this ? What is the solution ?

Please advise.

Hello Andy,

I have a customised postslider.php for the BLOG GRID function on my page.
I want to have the short code wrapped around each blog post thumbnail.

You will see that I have manually added some code after the excerpts with custom fields.
Now I just want to wrap the shortcode around the thumbnail on blog grid posts.

Thanks,
Alvin

I love u :)

Thanks! Maybe my last question for single-product.

1. Possible to move Short Product description a bit to left, that the whitespace isnt that big between thumbnails and short description?
2. How to remove whitespace between end of product description and footer?

Happy Weekend

Thats looks better. Just Two things to be ready with this:

1. Move thumbnails a bit top (Make it even with main image)
2. On hover on main image, the hover effevt (overlay) is breaking the border right.

Ah!!!! ok that’s what went wrong… I assumed 10% would mean the images would appear sooner (less scroll)

Tried it again and still don’t see much of a difference for pages with lots of thumbnails such as the link I gave in previous replies above

Well, if you say it’s the correct file & line to edit in main theme files then I will see with client what we’ll do. Leave it as is or apply your animation removal fix with css.

Thanks!!

You can consider this topic closed & resolved.

Hey,

isnt is possible to move thumbnails to the right of main image? I reduced main image size, so it should enough place for doing this or? I added a screen, how it should be.

Sorry, I was referring to the first suggestion:
enfold/js/shortcodes.js file line 86
$(‘.avia_animate_when_almost_visible’, container).avia_waypoints({ offset: ‘80%’});

What I mean is, I edited that and changed it to 10%. I edited it in actual theme files to test it at first. I didn’t see any difference in amount of scrolling necessary to have the thumbs appear. So I was wondering if that was really the line of code to edit for the portfolio gallery thumbnail animation.

Please confirm
Thanks!