Pop-up modal / CMS issue


I am having trouble with this pop-up modal I’m trying to use within my CMS items.

Everything seems to be working properly, except for the fact it doesn’t populate the correct CMS item after the initial click. Looks like it’s populating all of them at once, but overlays them?

Here is my public share link: Webflow - Growann

Hey @ncotter45

What you need to do is set up the animation in a way that will trigger things happening only within one CMS item.

Your set up is a bit messy so I’ll just write a general idea of what needs to be done and you can try it out.

Let’s say you want to trigger the animation via button. You’d want to add animation to the button which would make class “popup-wrapper” or whatever the name is set to display:flex. Other than just targeting that popup-wrapper you need to make sure that popup-wrapper is actually a sibling or a child of the button from which you are triggering. The reason you need to do this is because you are playing with CMS and if you just target all items with that class you’ll end up opening all of the popups.

FOr the closing animation you can leave it for all to close but still a better practice that the X from which you are closing closes only parents with class popup-wrapper

Hope this helped you a bit, let me know how it went