Product filtering, also known as faceted search, allows shoppers to refine product searches based on multiple attributes such as price, size, ratings and more. Amazon, eBay, and even non-transactional sites like Yelp all use this technology. It can make a huge impact in conversion and ease of use.
The product filter appears on your category, brand and search pages.
Product filtering is available on our Enterprise plan. A light version of product filtering with no custom fields/facets is available on Pro plans.
You can use up to twelve filters, which can be any combination of the following items. Each facet can contain an unlimited number of values, but only up to 500 of the most commonly used values will be displayed.
Filters will only display if there are products with those attributes.
- Category — Filters by the products category or sub-category. This filter can only be used on the Brands or Search page.
- Brand — Filters by the brand specified for the product.
- Price — Filters by the base price of the product. This does not include price change rules for options.
- Rating — Filters by the products review ratings. In order to use this filter, you must be using the built-in rating system.
- Other — This option will allow the following three filters to be enabled:
- Products with free shipping
- Featured products
- Products that are in stock
- Product Options - The display names of product options will be available as product filter attributes. Products and their variants must have SKUs to show up in an option-based filter. If your product has options with more than 30 values, additional values will be displayed under a "More..." link.
- Custom Fields (Enterprise only) - The names of the custom fields will be available as product filter attributes.
Note: If you have product options and custom fields with the same name, they will be combined to create a single filter. If names are different in case or spacing, they will be created as different filters.
Enabling Product Filtering
Product filtering can be enabled and set up in Products › Product Filtering.
Click Enable product filtering.
If the following message appears after enabling product filtering, it means that one or more of your categories is using a custom layout template file (i.e. not category.html). In our example, 1 out of a total of 8 categories were not enabled.
Setting Up Product Filtering
1. Go to Products › Product Filtering.
2. You can edit the settings for each filter by clicking the Settings icon to the right. Each filter will contain some 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 order value, or By item count.
- Alphabetically — alphabetized by value name (e.g. blue, green, red, yellow)
- By option order value — 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 More link will display to allow customers to show all values.
- Display Product Count — determines whether the filter displays the number of products which meet its criteria.
- Collapsed by default — determines whether the filter is collapsed (closed) by default and requires the customer to click it to see its options.
3. To enable or disable certain filters from being used, click the green checkmark (visible) or red X (not visible) in the Visible In Storefront? column
4. Your filters will appear on your storefront in the same order that they display in your control panel. You can rearrange them by selecting and dragging them up or down in the list.
The screenshot below shows an example of the Product Filter when viewed on a mobile device.