Wix Stores: Adding Filters and Sorting to Product Galleries or the Category Page
5 min
In this article
- Showing or hiding filters
- Customizing default filters
- Creating custom filters
- Displaying sorting options
Make it easy for customers to find the perfect product by adding filters and sorting options to your site's Category page or to a grid gallery.
You can display the default filters already set up for you or create your own custom filters. You can also add a "Sort by" drop-down so customers can sort your products as they wish.
Note:
Filter and sorting options are not available for slider galleries.
Showing or hiding filters
Wix Stores comes with 3 preset filters. You can let customers filter by:
- Category
- Price
- Product Options
To show or hide filters:
- Click the Category page or relevant gallery in your editor.
- Click Settings or the Settings icon
. - Click the Display tab.
- Select the checkbox next to Filters.
- (Optional) Deselect the checkbox next to Filters title or Applied filters.
Customizing default filters
- Click the Category page or relevant gallery in your editor.
- Click Settings or the Settings icon .
- Click the Filters tab.
- Choose which types of filters you want to set up:
Filter by category
.
Filter by price
Filter by product options
Note:
Filtered products do not necessarily appear on your live site in the order in which they appear in categories.
Creating custom filters
You can create your own filters using the custom filter option. For example, your site might have 3 categories displayed on 3 sites pages, "Men", "Women", and "Kids". You may want to add the option to filter by brand. To do so, you need to first create a category for each brand you carry in your store.
To create custom filters:
- Create the categories you need for the custom filter (e.g. 1 for each brand).
- Click the Category page or relevant gallery in your editor.
- Click Settings or the Settings icon .
- Click the Filters tab.
- Click +Create Custom Filter.
- Enter a name for your custom filter (e.g. Brands).
- Select or deselect the checkboxes next to relevant categories.
Displaying sorting options
Allow customers to sort products by price, name, or to show the newest products first.
To add sorting options:
- Click the Category page or relevant gallery in your editor.
- Click Settings or the Settings icon .
- Click the Display tab.
- Select the checkbox next to Sorting options .
- (Optional) Deselect the checkbox next to Filters title or Applied filters.
- Click the Sorting tab.
- (Optional) Edit the Sorting title.
- Select or deselect the checkboxes next to sorting options to display or hide them.
