Adding filters

You can create filters for your online store that let customers refine which products appear on collection pages and in search results. For example, if you sell watches, you could create filters for brand name, price, dial size, and water resistance.

Requirements

Filters are available for any Online Store 2.0 theme, and custom storefronts that use either the filter Liquid API or Storefront API for their online store. Learn how to display filters in your Online Store 2.0 theme.

You can still create filters from the Shopify Search and Discovery app for your store if your theme doesn't support them. However, they aren't displayed in your online store unless your theme supports the feature.

You can determine if your store's theme supports filtering by going to Online Store > Navigation in your Shopify admin. If your theme doesn't support filtering, then a message is displayed in the Collection and search filters section.

Filter types

You can select up to 5 default filters and up to 20 custom filters for your store.

Default filters

Filters for product availability, price, vendor, product type, and tags, are included by default.

Custom filters

Custom filters can be created using your product variant options, or with Metafields. For example, if you sell clothing with different variants for size, then you can add a filter for size.

Learn more about adding custom filters with Metafields.

Edit filters

You can edit the filters used in your online store from the app.

Steps:

  1. In the Shopify Search & Discovery app, go to Filters and then click Edit filters.
  2. Select the filters that you want to make available to your customers.
  3. Optional: Click and drag your filters to reorder them.
  4. Click Save.

Filters can also be reordered from the Filters screen. Click and drag individual filters into the order that you want them to display to customers.

Filters that don't apply to any products on a collection page or search result aren't shown to customers.

Rename default filters

You can edit the label of all default filters in the Checkout and system section of the language editor.

Add a custom filter with Metafields

Using Metafields, you can create custom filters for the following value types:

  • Single line text
  • Single line text (List)
  • Decimal
  • Integer
  • True or false

Before you can use Metafields for custom filters, you need to create the metafield. Learn more about Metafields to set up your custom filter options.

After your metafields are set up, you can select them as options when editing your filters.

Each filter gets its label from the metafield definition name at the time the filter is added. To edit the label, you need to edit the metafield definition name, remove the filter, and add it again.

Ready to start selling with Shopify?

Try it free