Finsweet CMS filter - deselect active state when selecting new filter

Design help Custom code
1

I am using Finsweet CMS filter to show collection items.
I have a row of buttons which currently filters the items. The issue is that I only want ONE button to be selectable at a time, but currently, it allows the user to select MANY buttons together. How can I turn off the active button when a new button is pressed?

Example:

Click “Quoting” and the quoting button is active and the related items appear below.

Click “Payments” and I want the Quoting button to turn off and only the Payment button is active with only the payment items below.

The way it is now, each button you press activates everything together.

Here is my sharable link: Webflow - Insurecert.ca

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

You need to redesign your filter so that it uses radio buttons rather than checkboxes. Give them all the same group setting, and the user will only be able to choose one at a time.