Adding filters
Shopify now provides native product filtering on collection pages through Shopify's Search & Discovery app, making it possible to filter products by availability, price, type, vendor, or options.
For more details on setting up filters, you can view Shopify's documentation here.
Enable collection filters in the theme
- Inside the theme editor, navigate to a collection page.
- Select the Product grid section in the left sidebar.
- Activate Enable filters.
- Save your changes.
Can I enable or disable the filter options by collection?
You can. Because sections are now available on all pages, including collection pages, the product filter options can be enabled or disabled for each collection template you use. Select the Product grid section on any collection template to view the settings and to enable or disable filtering.
Additional tips
- Use metafields: Create custom metafields to filter by attributes like material or style.
- Keep it simple: Avoid overwhelming customers with too many filter options.
- Regularly review: Periodically check filter functionality after theme updates or changes.
Can I create my own custom filter options?
If you need filters beyond what the Search & Discovery app provides, you can create them using metafields.
Create a metafield for the custom filter
- From your Shopify admin, go to Settings > Metafields and metaobjects, then select Products under Metafield definitions.
- Click Add definition to create a new metafield.
- Enter a name for the metafield (for example, Pattern).
- Set the Type to Single line text, then click Save.
Assign metafield value to your products
- In your Shopify admin, go to Products and open the product you'd like to assign a value for the custom filter.
- Scroll to the Product metafields section, enter value to the filter metafield.
- Click Save, then repeat these steps for each product you want to assign a value to.
Add the metafield as a filter in the Search & Discovery app
- From your Shopify admin, go to Apps and click on the Search & Discovery app.
- Click Filters, and then click Add filter.
- Click the Source field and choose the metafield to use as a filter. For example:
- Click Save.
Check out this quick video for more details.