I’ve spent the better part of two days trying to figure out how to make each of the Div block sections in a grid open up a modal and contain dynamic information from my Gallery Images CMS collection. I’ve got the modal functionality built but I can’t seem to get the dynamic modal functionality working without using a CMS collection in place of a grid - if I do that, the flexibility of the grid system in terms of being able to optimize the layout of images in relation to their dimensions (horizontal, vertical, etc.) falls apart.
I’d like to know how I can click on one of these images:
…and have it open up a modal (seen here) and have the CMS content reflect the image in the Div block (pull in the primary image dynamically, the title, location, description, etc. as well as have dynamic Stripe checkout links for various sizes of available prints).
I hope I’ve been clear enough for that to make sense! Any thoughts on how this would be possible would be hugely appreciated. If I can provide any additional information that would help plesae let me know.
Here is my public share link: https://preview.webflow.com/preview/brendan-cole-photography?utm_medium=preview_link&utm_source=designer&utm_content=brendan-cole-photography&preview=51eef4b7042919de6fd9d6f643a3df79&pageId=5e95ca231ff63353c248bf3f&mode=preview