top of page

Designing your store

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

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:

Filter by category

  1. Click the More Actions icon .
    Screenshot of the Wix Stores filter settings

  2. Click Show or Hide to change the visibility of this filter.

  3. Click Edit.(Optional) Edit the name of the category filter.
    Deselect the checkboxes next to the categories you don't want to display.

Filter by price

  1. Click the More Actions icon .
    Screenshot of the Wix Stores filter settings

  2. Click Show or Hide to change the visibility of this filter.

  3. (Optional) Edit the filter name:Click Edit.
    Edit the name of the price filter.

Filter by product options

If your products have product options, such as different sizes and colors, you can let customers filter by these options.

Note: You cannot select which product options to display. You can display them all or hide them all.

  1. Click the More Actions icon .
    Screenshot of the Wix Stores filter settings

  2. Click Show or Hide to change the visibility of this filter.

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.

Need A Professional Website?
Contact Us 
Today!

bottom of page