I’m working on a Webflow project for a client who wants to implement dynamic filtering on a car website. The functionality should be similar to what’s seen on : https://www.motor-market.net/
Specifically, the client wants the following:
When a car make, such as BMW, is selected, the subsequent dropdown fields should automatically populate with the relevant options for that make.
These fields include the available models, price ranges, mileage, fuel types, and body types for the selected make.
Additionally, each selection should display the count of available options. For example, if BMW is selected, it should show the number of models, the number of different price ranges, and so on.
Could you help me achieve this functionality on Webflow?
“Hello, thank you for your assistance. I’ve already attempted the filtering solution you provided, but it seems too simplistic for my needs. The link I shared is a demonstration of what I’m aiming for: distinct options for BMW and Audi, but implemented through a content management system (CMS). Can you provide guidance or assistance on achieving this level of customization and functionality?”
The short answer is that it can mostly be done, but it’s a lot of custom coding work.
The central problem is the cascading filters- if you select option X, then options Y and Z get filtered to relevant choices, the rest of the filter UX is updated, and the end results are also filtered. There is a lot of interaction happening there between the different elements of the UX and the filter engine you have to program much of it yourself.
FS Filter and FS Load are good starting points. So is FS CMS Select, which binds your CMS data to select fields. But the cascading filter behavior is up to you to build on top of that.
Soon FS will be releasing a new version of FS Filter and I hope it will have cascading capabilities build-in, but I’ve not received any details yet.
So Its not possible currently?
I build this with webflow cms i think its close but there is a slight issue when i am selecting the first bmw one it is not showing with any filtering
Looks like you’re mostly there, you’ve taken a similar approach to what I described.
Get FS Filter and FS Load setup first, it looks like you’re missing the configuration you need. Then add your cascading filter code on top of that, so that it integrates. Solve for the filter update trigger, the reset trigger, any business logic, and other FS Filter UX pieces you’re using such as tags.
^ These are nocode tools, you need to build that first.
If you need help with the code part on top of that, yes I do that kind of work often for designers and agencies. You can direct message me by clicking my name here if you are interested to know my rates.
