Streaming live at 10am (PST)

How to create an overlay detail panel for a collection item when you click on it?

Hi community!

Here’s the deal: I have a list of card in my website whose content is fed by a Collection List (it’s the “prestation”). When the user click on one of the card, which is an item of the Collection, I want my website to display an overlay panel with more details on this item.

To do so, I created a panel template which is also fed by the same Collection List. The problem is that I don’t know how to ensure that when you click on a specific card, it display the corresponding panel…

I precise that I can’t put the card and the panel in the same Collection Component because I need to display my panel above everything, even my topbar.

Is there any way to do it? Custom code? Thanks in advance for the help!

Here is my public share link: Webflow - Aktive Santé

Go to the “Prestations” section to view what I want to solve.