Streaming live at 10am (PST)

Separate modal for each collection item

Hello there,

I am trying to create an “our team” section for a digital agency website, where when you click on each team member, a modal pops-up with their bio (like this website for example).

The problem I am running into is that I can’t figure out how to trigger a different reaction (a separate modal) for each team member, as the team members are collection Items.

what is the best way to achieve the desired result?

thanks a lot, and sorry if I didn’t post this properly, I’m new to this forum…

Hi @Jonathan42, this tutorial from Jose Ocando may be helpful:

To sum it up, you can create the modals inside of the Collection Item for each team member and display/hide with interactions.

thanks! that was super helpful. I’m still having a small issue that the animation (closing and opening the drawer) only works the first time. does it make sense that is just happening bc I am on demo mode and not a live site?

in any case thanks a ton, that video was exactly what I was looking for!

I’m glad the video was helpful!

The interaction should still work even before the site is live. Can you share your read-only link?

what I’m talking about is in the “our team” section. thanks!

Thanks for the link!

The issue is that your Drawer Open animation has Hide/Show set as part of the initial state - I made a screencast of how to fix here:

that did it, thanks!