Crumpled Fabric

0

Multiple Dropdown Filter

Click URL to copy

Aug 11, 2021

1 min read

WIX Ideas Team

Tags: WIX Data Velo by WIX Repeater Filter

👋🏽 Hey there!


This tutorial is probably the fun one you've been looking for on using multiple dropdown filters to filter WIX repeater.


WHAT I DID 🙂


  • I added three dropdown elements from the ADD >> INPUT >> SELECTIONS >> DROPDOWN


  • I then added the options to each of the dropdowns. The first dropdown contains the locations from my database, the second dropdown contains the cuisines and finally, the third dropdowns contains the options of whether the item is CHEAP or EXPENSIVE.


When adding options to your dropdown or selection elements like selection tags, you can add info to the label section, but the value field must contain only the same value from your database.


EX. Let's say you have an item called "London" in your database Location field and you want to filter all other items with the keyword "London," you will need to add this same exact keyword as it is in your selection element value field because it is CASE-SENSITIVE


WHAT I ACHIEVED 🎉


I was able to refine my filter by using the three dropdowns. However, you can decide to filter them independently or dependently.

Code



LEAVE A COMMENT

WRITE A COMMENT

Thanks for leaving a comment🎉

LOAD MORE 🎉

RELATED TUTORIALS 🚀

Display Search/Filter Results on Another Page

Display Search/Filter Results on Another Page

Display Related Items in WIX Dynamic Page

Display Related Items in WIX Dynamic Page

Multiple Selection Tags Filter

Multiple Selection Tags Filter