Hi everyone. I need help with hiding specific thumbnails in Lightbox. Its a bit tricky to explain in one sentence so i have made a doc with some screenshots etc. Hope someone can help!
Link to doc:
If this is on the listing page than you’re dealing with one property at a time.
Lightboxes operate on a group name, so you can split the elements however you like. As long as they share the same group, they’ll all be lightboxed together.
For example-
- Main image, lightboxed, group “photos”
- Collection list, showing 6 from the image gallery field, lightboxed, group “photos”
- A second collection list, this one wrapped in a hidden DIV, shows the rest of the items from the image gallery field, starting with item #7, lightboxed, group “photos”.
I just tried to duplicate the lightbox but thats not a solution i think because when i add images in cms it adds two images. Can’t i just make more thumbnails and then hide them individually? When i try to press hide it hides all the thumbnails instead of just one.
No, you have something wrong with your setup. Check your collection list ranges, you don’t want to repeat the same images. Make them all visible initially so you can see where your setup glitch is.
Then just hide the collection list containing the lightboxes you don’t want to see on the page.
I guess i have to create another lightbox underneath and then i can hide that
Yep. that’s what the second collection list is for, all of your hidden instances.
I have now managed to do it. Now im only left with how do i make my button VIEW GALLERY open up the full screen seeing all images view?
I’m not aware of a native way to do that, the lightbox is self-invoking.
If you had a specific lightbox element with a primary image outside of your collection lists, you could ID it and then use script to click it.