Pop Up Modal for collection list items?

Design help General
1

Hi :blush:

I want to create a pop-up modal for each of 10 books listed on my homepage.
So when the user clicks ‘read more’ for the detailed book description, there’s a pop up.

My question - is there a way to insert ‘collection items’ details into the created pop up modal, one by one, so I don’t have to enter the info/image for each book each time?

Hope that makes sense!
Thank you! Lal

Here is my site Read-Only: https://preview.webflow.com/preview/bridgets-portfolio-6e8343?utm_medium=preview_link&utm_source=designer&utm_content=bridgets-portfolio-6e8343&preview=62d4fc47a273e0916433af8ed8cdad9b&mode=preview

2

Did you ever figure that out?

3

The trick is to;

  • Put the modal inside of your collection item
  • Bind your interactions to classes, not elements
  • Position your trigger ( button etc ) in the collection item so that it can use target the modal relative to the triggering element’s position- generally, positioning and targeting as a sibling is usually easiest.