Custom CMS Lightbox Not Opening Correct Image

[StephenFJohnson (Stephen Johnson)]

I have built a lightbox out of Interactions but am having trouble with the correct information populating the lightbox. This is using the cms and the lightbox components are nested within a collection. It is the Gallery at the bottom of the page. Check it out here please!! https://preview.webflow.com/preview/parisol-creative?preview=5b4581d1834ac8002f5a8d2d56781067

Thanks for your help.

[DFink (Dave)]

So basically you want to create a modal for each image right? Not necessary have them connected? I can give you pretty simple instructions if thats the case. I just built the same sort of thing on this page using dynamic content http://cad.webflow.io/brands

[StephenFJohnson (Stephen Johnson)]

They dont have to be connected. I am trying to use the CMS functionality and a lightbox.
Can i see your share link so i can see what you did?
Thanks

[PixelGeek (Nelson)]

You can’t use some of our components with your dynamic collections yet. But there is a workaround that @sabanna has done. Here is a tutorial:

Custom lightbox with dynamic content

Lately many users been asking about the way to use lightbox with dynamic content. So I decided to move explanation to separate topic. Hope it will be useful. For use lightbox with dynamic content we will have to create CUSTOM LIGHTBOX and then BOUND DYNAMIC CONTENT TO IT. STEP 1 Create custom lightbox structure separately from dynamic list. Create the div (I give it class “item”). Style it as you need/want. Inside the item div we add linkblock (I give it class “lightbox”) Style it as y…

Hope this helps

[StephenFJohnson (Stephen Johnson)]

Thanks i will try this out!

[DFink (Dave)]

That tutorial is exactly what I did, so you should be good to go! Tip for when you are modifying or editing the lightbox: Set the dynamic list to limit items to 1, to see only one item while editing. Otherwise, you’ll see all your items simultaneously stacked on top of each other and the background will go black instead of transparent black. That can be confusing.