Wix Stores: Adding Filters and Sorting Options to Your Product Gallery

5 min read
Make it easy for customers to find the perfect product by adding filters and sorting options to your Product Galleries.
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 that your customers can sort your products as they wish.
Screenshot of a sample site with the sorting and filter options outlined
Note:
Filter and sorting options are not available in slider galleries.
In this article, learn more about:

Displaying default filters

Wix Stores comes with 3 preset filters. You can let customers filter by:
  • Category
  • Price
  • Product Options
Screenshot of the Wix Stores filters

To set up default filters:

  1. Click the Product Gallery you want to add filters to.
  2. Click the Settings icon .
  3. Click the Filters tab.
  4. Enable the Show filters toggle.
  5. Select the Show filters title checkbox to display or hide the title.
  6. Select the Show applied filters section checkbox to show customers which filters they've selected.
  7. (Optional) Edit the Filter Title.
  8. Choose which types of filters you want to set up:
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. 
Screenshot of product gallery filters with a custom filter outlined

To create custom filters:

  1. Create the categories you need for the custom filter (e.g. brands).
  2. Click the Product Gallery you want to add filters to.
  3. Click the Settings icon .
  4. Click the Filters tab.
  5. Enable the Show filters toggle.
  6. (Optional) Edit the Filter Title.
  7. Click +Create Custom Filter.
  8. Enter a name for your custom filter (e.g. brands).
  9. Deselect the checkboxes next to categories you don't want to include in the custom filter.

Displaying sorting options

Allow customers to sort products by price, name, or to show the newest products first.
Screenshot of a sample site with the sorting option drop-down expanded

To add sorting options:

  1. Click the Product Gallery to which you want to add sorting options.
  2. Click the Settings icon .
  3. Click the Sorting tab.
  4. Enable the Show "Sort by" options toggle.
  5. (Optional) Edit the Sorting title.
  6. Deselect any sorting options you don't want to display.

Did this help?

|