2H Media

Changing Product Filters in Shopify

How to change product filters in your online store with Shopify 2.0
Beginner Shopify
Other Guides

Introduction

What To Expect

In this step-by-step guide, we walk you through adding and changing product filters in Shopify Online Store 2.0 and how they appear the front-end of your store.

Audience

This guide is intended for begginer Shopify Merchants.

Timeline

  • Prep: 10 minutes
  • Steps: 10 minutes
  • Total: 20 minutes

Tools

Results

  • Change your product filters in Shopify

Step 1

Adding a New Filter

Step 2

Rearranging and Removing Filters

Step 3

Viewing Product Filters in The Front-End of Your Store

Step 1

Adding a New Filter

From the dashboard, click Online Store > Navigation on the left-hand side of the screen.
Shopify dashboard navigation menu clicking on Add Filters
To add a new filter, click the Add Filter link in the top right-hand corner of the section.
Filters drop-down menu in Shopify9
A drop-down will appear showing five filter methods:
  • Product Availability filters products by whether or not they're in stock.
  • Product Price filters products within a certain price range.
  • Product Type filters products by whatever you've entered in the Type field.
  • Product Vendor filters products by whatever you've entered in the vendor field. .
If you click the Product Options link at the bottom of this drop down, you can also filter your products by any of their variants.
It's important to note that the product options section only lets you filter by variants. It doesn't let you filter by meta fields or tags.
Click any number of variant options to include those as filters, and then click the Done button.
Shopify dashboard adding filter for variant products

Step 2

Rearranging and Removing Filters

To rearrange selected filters, click on the left hand side of any filter and drag it up or down in the list.
rearranging product filters in the back end of Shopify
To remove a filter, click the X button to the right it's listing.
Removing product filters in the back end of shopify
Once you've started adjusting filters, a save bar will appear along the top of the screen. Click the Save button to finish adjusting your filters.
Saving changes in the back end of Shopify

Step 3

Viewing Product Filters in The Front-End of Your Store

To see how this looks on the front end of Shopify, click the Preview icon next to online store in the left hand menu.
Viewing changes in the front end of Shopify
From your homepage, navigate to a collection page. If you're using Shopify’s Dawn Theme, you'll see your filter options on the top left hand side of the collection page.
If you're using another Online Store 2.0 theme, you may see the filters displayed anywhere else on this page.
Showing how product filters appear on a collection page in the front end of shopify
Click the drop down menu for any filter to see what filtering options are available on this page.
If you click the Availability drop down, you'll see that you're able to filter for only in stock products or only out of stock products.
If you click any of the Product Option drop downs, you'll see that you're able to filter by any of your product variants.

Congratulations on completing this guide.

Want to continue improving your skills?
More Guides

This guide was written for 2H Media by Sara Varasteh with contributions by Aron Murch. Based on Shopify Guide | Online Store 2.0 | Changing Product Filters. This guide is maintained by 2H Media.