Community forum for knowledge and support

Updated 2 months ago

Unique interactions for each collection item button

At a glance

The community member is facing an issue where all the buttons in their collection list are pointing to a single interaction, instead of having distinct interactions for each button. The comments suggest using conditional visibility to show the appropriate button based on a toggle or identifier in the CMS. One community member mentions trying the conditional visibility approach for their 4 unique interactions. A link to a Webflow University article on conditional visibility is also provided.

Useful resources

Hey folks, I'm diving into this challenge for the first time. I've set up a collection list with buttons within each collection item. I've crafted distinct interactions for each button, but now, all the collection items seem to be pointing to a single interaction. How can I make sure each button triggers its own unique interaction?

P
J
M
7 comments

In the interaction settings, you have to setup element instead of class name

that's what I did

how many unique interactions?

If we say there are 4 (or at least a reasonable, predictable amount) - I would take a step back and plan the data a little differently.

What if we have 4 toggles in the CMS.

In your collection item you could have 4 buttons and each one has a conditional visibility checking for “if interaction 1 toggle is set, show this button”.

Do that for each button.

Depending on a few factors, you could tie this to a component as well but we can ignore that complexity for now.

If there is some other identifier you could use already in your CMS, that could work to.

Basically, how are you determining which button interaction should show up? Build conditional visibility around that condition.

Hi 4 unique interactions. Ok about the conditional visibilitiy. I'd try that

Add a reply
Sign up and join the conversation on Slack