Actually, it's a very
similar approach in X3, but a bit easier. It's different though since X3 doesn't use manually uploaded thumbnails like in X2, and the links apply differently.
Tutorial on how to create a Youtube gallery:
1. If you upgraded from X2, remove all
tn_files inherited X2, as they have no function in X3.
2. Create a normal "gallery" in X3 from your preview images. This is generally done by going to the
page -> gallery, and clicking "upload" to upload your images that represent the videos. Images uploaded should be normal size, since smaller "preview" images are created automatically by X3. If you only have the small sizes, that's ok.
3. Check the page in your website, and you should see a normal gallery. Unlike X2, you can also change gallery layouts from page settings -> gallery. I would perhaps recommend a
block grid layout, or you can use
justified and
columns also.
4. Back in your panel page -> gallery tab, click the "pencil" icon top left, until you see the "edit" layout:
5. Simply add your Youtube "embed" video links:
6. Finally, since the special x3 popup window is not currently an option for image links, go to main settings -> custom -> custom javascript, and add the following code snippet:
function x3_load_page(){
$('.gallery').find('a[href*="youtube.com"]').attr('data-popup','');
}
Check your Youtube gallery.
PS! In the future, we will add some feature to make it even easier to create a Youtube/Vimeo gallery, where thumbnails are actually loaded directly from Youtube.