I’m looking to create a modal popup inside a collection list. Is this possible?
Here’s the page: http://hwtk.webflow.io/offers/eurocamp-discount-code
I’d like to be able to click ‘View terms’ on the voucher. Then have a popup, but pull the ‘terms’ info from the voucher collection.
I added a div inside the collection item and quickly placed that in centre to test, and was thinking to add an interaction when ‘view terms’ is clicked to show pop up and make background dark etc.
But, as it’s in a collection list i’m pretty sure that it’s displaying all the popups underneath each other, which isn’t great. Btw I’ve put the display setting for the ‘modal wrapper’ as none for now, just so it was out of the way. You can toggle that on within the read only link below.
Thank you for reading and please feel free to advise on any tips / corrections to help me improve. This is my first website attempt, so would love to know if i’m structuring things correctly and using the grid appropriately or if it’s just a big mess haha.