Hello everyone,
I was wondering whether I could get some advice/help with a project I’m working on. I’m not new to Webflow but I’m still learning and I’m currently in the Figma design phase for a project for a local event, in which they want to list their event programme online across the 4 days of the event. Each day has an average of about 50 event items and each day has been split across 4 pages. What I would like to know is if there is a way of conditionally styling the collection so that if the event listing has passed it has 50% opacity or if it’s happening at the time the user is looking at the listings the colour outline is different.
Now I know there is a way of doing conditional visibility so items can be hidden/shown if they have passed a certain time or date so I could in theory have two collections stacked so I can display the passed events collection in one way and the future events collection styled differently, but I can’t imagine it’s good practice to display multiple collections pulling through the same data on one page which makes me wonder whether there is a way to do conditional styling with JavaScript?
I imagine other people have wanted to achieve this sort of functionality so I didn’t know whether anyone had an guidance on how I should approach this? I’m really keen to include this feature to make the design more user friendly.
Thanks in advance!
Matt