Hierarchy Filter in Webflow
Hi @Web Bae and everyone. I am trying to create a hierarchical filter in webflow as shown to the right of the image attached. Currently, I have a filter system like the left of the image attached. It is currently made from a collection list and utilizes finsweet for filtering.
Is it possible to do this in Webflow, possible with finsweet? I've tried many methods, but haven't gotten much success.
I greatly appreciate any help. Thanks!
6 Replies
Hi @Avacado . It is possible using webflow and finsweet filter attribute.
Consider them as three different filtering categories - Year , quarter and month and have the same on your elements and it can be done.
You can watch Joe's video on CMS filter about an hour long and you can use the same concept for your project and prepare yours.
Yes @raj_badgewar is spot on here!
Thanks @Web Bae
Here is the link to video walkthrough @Avacado -https://www.youtube.com/watch?v=FFvIb1gQYa8
Finsweet
YouTube
(2022) Webflow CMS Complex Filter Walkthrough - No-Code Attributes
In this video, we learn how to build a Complex Filter in Webflow. We'll go step-by-step & implement Attributes in your Webflow project. We'll use demo data, build the UI, implement Complex Filter the data. This demo site is for one of our enterprise clients at Finsweet.
TIMESTAMPS:
00:08 - Intro
00:44 - Live Example
09:13 - Use Form Elements
1...
Thanks @raj_badgewar @Web Bae!
This helps a ton! Do you know if there's a way to do nested filtering/checkboxes as shown in the image? Theres an error when I currently do nested checkboxes.
Thanks again!
Hey @Avacado ,
You can try using -
https://finsweet.com/attributes/support
to find if anything is missing in the attributes which is causing error.
Still if you have same problem then can you pls share the preview link so that we can check the attributes and cms setup so that @Web Bae or I can try looking and help the best way we can.
Attributes Support
Learn more about how you can add powerful functionality to your Webflow website using Attributes by Finsweet.