Using Gallery 9 for Modals in Relume: A Layout Approach

How would you approach a similar layout with the view all photo opening a modal with the gallery using relume? Gallery 9 component seems to be a good candidate

11 comments

Matt J.
·
Falko P. we have this exact layout already - its just in an ecommerce component but you could grab it from here and adapt accordingly. https://www.relume.io/preview?cid=product-headers/section_product-header2
Falko P.
·
ok that's awesome, never thought about looking into this section! thanks Matt
Falko P.
·
hi Matt J. Thanks again for the suggestions, really liking it. The component looks great! just two things:
I think the close button on the image modal is broken, I can see the close interaction exists but it's not linked to it (or I messed it up which is very likely)
how do I access the second-level modal in the designer? -> if you click on a photo while scrolling the image gallery modal, it opens another image gallery slider.
Falko P.
·
https://www.frankmartin.ch/en-ch/rental/animi-voluptatem If you want to see work in progress (I also need to figure out how to put the modal on top of the navigation bar, it might be why the button is actually not working?)
Matt J.
·
Falko P. Would you mind sending a read-only link?
Falko P.
·
hi Matt J. Sure here is a link I connected the interaction to the close button on the first modal and added some margin on top so it doesn't get stuck under the nav bar. Not ideal, opened to better options 🙂 I am still stuck on the third level modal on the CMS item detail page "rentals template"
Falko P.
·
Hi Matt J. did you have a chance to take a look? Thanks!
Matt J.
·
the second image modal is a webflow native lightbox. You'd just link it to the same CMS field or to a multi-image field. In the close interaction make sure to change this setting. It looks like the easing or timing of the close has been edited quite a bit - I would maybe look at another close interaction settings to see how to bring it back to how it was.
Falko P.
·
ok thanks! Weird I haven't touched the interaction settings, just linked it back. I'll have a second look 👍
Matt J.
·
hmm okay interesting
Falko P.
·
btw amazing work on pre-setting all the finsweet CSM attributes, it really cuts through the necessary work, pretty awesome
💪1

Using Gallery 9 for Modals in Relume: A Layout Approach | Relume Community