Product Filtering
  • 03 Apr 2023
  • 3 Minutes to read
  • Dark
    Light
  • PDF

Product Filtering

  • Dark
    Light
  • PDF

Article Summary

Product Filtering (faceted search) allows shoppers to refine product searches based on multiple attributes like price, color, size, and reviews. Using filters on your Storefront can make it easier for shoppers to navigate products by allowing them to search how they want.

Product filters appear on category, brand, and search pages.

How It Works

Once product filtering is enabled for your store, a list of all available filters is automatically generated in ProductsProduct Filtering. New filters are also developed whenever new criteria (such as product options or custom fields) are added to your products.

In your Product Filterslist, you can manage which filters appear in the Storefront, set category-specific filters, and change the sort order for the filter values. See Setup and Settings for more information.

Filters will only display on a storefront page if products are available with those attributes. Each filter can have an unlimited number of values (such as red, green, and blue for a color filter), but only up to 500 of the most commonly-used values will be displayed in the Storefront. If a filter has more than 15 values, additional discounts are displayed under a Show More link.

Filter Types

Your Storefront can display up to 12 filters on any particular page. You can set which filters should appear by default for your entire Storefront and optionally customize which filters appear for each of your store's categories. This is helpful if your store's categories contain various products, which your shoppers may wish to filter by different criteria.

  • Category — filters by product category or sub-category; only used on Brand and Search pages
  • Brand — filters by the product brand
  • Price — filters by the base price of the product; does not include variant prices
  • Rating — filters by product review rating; must be using WineDirect's product reviews
  • Other— enables additional filters:
    • Products with free shipping
    • Featured products
    • Products that are in stock

Setup and Settings

Go to ProductsProduct Filtering to enable Product Filtering.

Use the channel selector at the top of the page to select which channel/storefront you want to set up filters for. Then, use the category selector to switch between editing all categories or editing an individual type using contextual filters.

Click the checkbox under Visible to enable/disable a filter from showing on the Storefront.

Category is marked as visible

Edit the settings for each filter by clicking the ⋯ settings menu to the right.

The ... settings menu next to category highlighted

Each filter will contain a combination of the following settings:

  • Display name — the label for the filter as it appears on your Storefront
  • Sort — determines whether the option values for the filter are displayed alphabetically, by option value order, or by item count.
  • Alphabetically— alphabetized by value name, such as blue, green, red, and yellow
    • By option value order — the order of values defined when creating or editing an option
    • By item count — sorted by the number of products that share this value, from highest to lowest
  • Show — the number of filter option values to display (5, 10, or 15). If you have more than 15 values in an option, a Show More link will portray to allow customers to show all deals.
  • Display Product Count — displays the number of matching products in parenthesis.
  • Collapsed by default — determines whether the filter is collapsed (closed) by default and requires the customer to click it to see its options.

Your filters show on the Storefront in the same order they appear in the control panel. You can rearrange filters by dragging and dropping them.

Product Filters

By default, categories will use your Storefront (all types) filter settings. If you want to customize the filters that appear on a particular style, select the category from the dropdown list at the top of the page, then uncheck Use Storefront Default.



Was this article helpful?