Navigating between secondary images in the lightbox
-
Hello,
I have read through the documentation and the support forum, but I cannot figure out how to do what I want :
– Each product has 2 images : one where we can see the full product, one where we can see the product up close for the texture
– I want just a thumbnail of the texture image with the title of the product on the product listing page
– When you click on the thumbnail, you see a list of all images that are related to this product in small at the bottom of the lightbox. At the top it would be the zone where you see the image in large. So you can switch between the alternative product image to display in the large view by clicking on their thumbnails at the bottom of the lightbox.
– Ideally, the previous and next button would switch to the previous or next product in the list (but not to the next sub-image of the same product), but if this is too complicated, I could just remove them and force people to go back to the listing so it is not confusing.
It took me a while, but I finally understood that there were no template for what is shown in the lightbox (wouldn’t it be useful?). So is it just a matter of putting everything in the default and then hiding stuff with CSS? I have already managed to show the secondary images at the bottom, but when you click on them it takes you out of the lightbox and shows you the image directly in the browser.
Should I create my own thumbnails and put them as the main image, and make the lightbox open up on the secondary images only? How would I do that?
Should I use the public option, adapt the single-catablog-items.php template to what I want to show in the lightbox and make it open up in a lightbox? (I’m already using PrettyPhoto for other stuff in my theme, so I could call that to open up the single product page).
Thank you very much!
- The topic ‘Navigating between secondary images in the lightbox’ is closed to new replies.