Help creating drop down search filter

I’m trying to create a “Tyre Search” function which uses three dropdown boxes to select filters. The three drop down options are based on elements assigned to the “Tyres” CMS collection. I would like to be able to select each dropdown option and then press ‘Search’ and have a page displaying the ‘Tyres’ collection filtered down to only what was selected in the drop downs.

I hope this makes sense, I’m not really sure how to accomplish this or if it is possible in Webflow. Any assistance or suggestions would be extremely appreciated :slight_smile:

Here is the test project: https://preview.webflow.com/preview/tyresearch?preview=91b4631d4437a64777dc95ac1b5a9065

EDIT: I’m aware of how to use CMS filters to filter the results. I guess what I’m unsure about is how to pass the form results (what filters were selected in the drop down options) into those CMS filter values. My guess is it will require some Javascript, if anyone can point me in the right direction that would be great!

Thanks in advance.

See [TUTORIAL] MixItUp filtering plugin with Dynamic content

This has been very helpful. Thank you :slight_smile:

1 Like