Community forum for knowledge and support

Updated 11 months ago

Displaying a Collection Page as a Modal

At a glance

The community members are discussing how to open a collection page as a modal instead of a CMS page. A community member suggests creating a CMS collection that has a modal inside it, which can then be populated by the CMS. This way, the modal will automatically display the correct information related to the project that was clicked. The community members discuss the implementation details, such as having a collection list with a collection list wrapper and collection list item, where the modal would be hidden initially and then shown when the project is clicked. The community members agree that this approach makes sense and the original poster plans to try it out and reach out for further assistance if needed.

Hey all, does anyone know it its possible to have a collection page open as a modal? I have a list of projects on the home page and when you click the project I'm wanting it to open up the collection page but as a modal instead of the CMS page

M
J
5 comments

Hey James you can do this but you would just have a cms collection that has a modal inside it which can then be populated by the cms so it would work as you are describing but it is not necessarily a cms page if you know what I mean?

Hey Marc, thanks for helping. I think that makes sense. If I'm on the correct thinking how would I make sure that each project when clicked opens up the specific modal to that project?

So basically what will happen is that because the modal is inside the collection it will automatically be the correct information related to that project as it is in the collection list itself.

So it would be like

Collection list
Collection list wrapper
Collection list item

Then in the collection list item it will be for example text block (which can be linked to the project name or even an image and thumbnail - essentially whatever you want to represent the project) as well as the modal which would be hidden initial clicked which will have what ever info you need shown.) this must also be linked to the cms and it will ensure the related projects info will come up.


If you give it a crack and share the read only I can give you a hand!

Think that makes sense, appreciate the help. Once I give this a crack if I am having issues I'll send the read-only link your way. Thank you! πŸ™

Add a reply
Sign up and join the conversation on Slack