How to Create a Custom Filter in Shopify (Minus the Coding!)

Rob Elgar - Writer for Egnition
By Rob Elgar
Head and shoulders photo of Michelle Meyer
Edited by Michelle Meyer
Joel Taylor
Fact-check by Joel Taylor

Updated July 3, 2024.

Shopify store owner using a laptop computer on top of a wooden floor to create custom filters

Custom filters allow customers to sift through your store and find the products they're interested in.

Adding a custom filter to your store can be done by code or by using product variants and metafields. Unless you're well-versed in HTTP, CSS, JavaScript, and Liquid, using code will be time-consuming and could negatively impact your website.

This article will provide alternative methods to coding to help you easily implement custom filters in your Shopify store.

Method 1: Leveraging Product Variants

Create custom filters by leveraging product variants:

  1. From your Shopify Admin page, navigate to Online Store > Navigation.
  2. Select Add filters.
  3. Under Product options, select the variants that you wish to use.
  4. Click Done.

If you don't yet have any variants on your products, you can create some with the following steps:

  1. From your Shopify Admin page, navigate to Products > All Products.
  2. Select Edit product or Add product.
  3. Under Options, select the This product has options, like size or color box.
  4. Fill in the variant's name and values.
  5. Click Done.

Method 2: Leveraging Shopify Metafields

Create custom filters by leveraging Shopify metafields:

  1. From your Shopify Admin page, navigate to Online Store > Navigation.
  2. Select Add filters.
  3. Under Metafields options, select the metafield that you wish to use.
  4. Click Done.

If you need to create metafields, the following steps can be followed:

  1. From your Shopify Admin page, navigate to Settings > Metafields.
  2. Select the type of metafield you wish to create and click Add definition.
  3. Enter a name and description, and select a content type.
  4. Save your changes.

To add values to the metafield:

  1. Go to Products > All Products.
  2. Select a product.
  3. Enter values in the metafields section.
  4. Save your changes.

Final Verdict

Having custom filters in your Shopify store is a great way to improve customer experience and boost sales. By following the product variants and metafields methods described in this article, adding custom filters becomes a breeze, and coding no longer has to be a deciding factor.

Don't Know what Shopify is?

Start your own online eCommerce business using Shopify platform. Shopify gives you all the tools needed to make the journey easier, faster and more profitable.

Frequent Releases

We work tirelessly to deliver more value to your business. Our roadmap is largely based on the questions you ask. We listen and we deliver as often as we can.

24/7/365 apps support

You can reach out to us via a dedicated support icon in the apps. We're always there. Or simply send us an email with your questions at support@egnition.io

Pin It on Pinterest