What We'll Cover
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.
If your store's design has been customized or you're using a non-compatible theme, you'll need to choose a compatible theme or use the Product Filtering Toolkit to implement product filtering.
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.
Swatches: Product options that use the Swatch Display Type are not compatible with product filtering, and those values will not appear as 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.
When you enable product filtering, all categories still using the category.html layout template file are updated to use the category_with_facets.html file. This update is not applied to any categories using custom category layout files since it would cause you to lose any customizations made for those categories. You can manually update the layout file for these categories (Products › Product Categories), or add the necessary HTML code to your custom layout files with the Product Filtering Toolkit.
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 options for the filter are displayed Alphabetically, By option order value, or By item count.
- 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.
The following Blueprint themes are compatible with product filtering. If your Blueprint theme isn't in this list, you'll need to use the Product Filtering Toolkit. This list is subject to change. For a complete, up-to-date list, contact your account manager.
All Stencil themes in our Theme Marketplace are compatible.
|22 Savile Row||GiftCenter|
|Beautification||Health and Beauty|
|Black Beauty||Home IQ|
|Bride to be||Indiana|
|Bright and Bold||Lookz|
|Cookies and Cream||Runway|
|Dusk and Dawn||Sugar and Mint|
|Fun and Games||Wine Store|