I’m using Finsweet Attribute to set up filters in my portfolio.
I’ve a first filter set (a select with Business goals) and a secondary one (an accordion with Industry and Typology).
What I want is that the secondary set appears only when users select one option in the first set. It’s like a progressive filtering pattern, with the secondary set hidden.
(I’ve already accomplish this behavior with the “Clear” button, but I suppose it’s a completely different scenario)
Hi Martina, there’s a fair bit of custom coding work involved to build that. The basic parts are;
Change trigger on your first input
Clear and create the filtered data set view. I do this using a collection list and some custom code to iterate and build the filtered select view
Re-initialize FS filter using its API
Expand your second accordion pane, and optionally collapse your first one
This gets significantly more complex if you’re also using FS Custom Form Selects, so I wouldn’t recommend it. They’re based on Webflow Dropdowns which do not have an API.
That tutorial is quite limited, I built it as a solution for the simplest cases. But if you can make it work in your situation, that’s awesome.
Most progressive filter builds I make require a more advanced setup, along the lines of what I outlined above for you. It’s a few hours of work but it works great. You can drop me a message if you need a developer for the implementation, but someone on your team should be able to follow the design above if they want to.
