Filter by Product option
In Shopify Dashboard > Online Store > Navigation option > You have to install the Shopify Search & Discovery app for your store.
If you don't install this app, you will get the notice in the image below:

After installing the Shopify Search & Discovery app for your store, you can configure the Filter by Product option following the video below:
From theme Customize > On the navigator dropdown > Navigate to Collections > Default collection:

In Default Collection, you will see the Filter Products option > Click on this option to configure the Filter by Product option for your store:

- Filter style color/ tag/ size option: You can enter the name of the style color/ tag/ size option here, then the value of those options will show on the Filter by option.

To configure the Metafield Variant Custom Color for your store, you need to add a Variant metafield definition first. You can follow the video below:
After adding the Product metafield definition in Shopify Settings, in Shopify backend > Navigate to Products > Open the product that you wanna configure Metafield Variant Custom Color > Add a value for Metafield Variant Custom Color.
You can follow the video below:
In Shopify backend > Apps > Open the Search & Discovery app > To add the Metafield Variant Custom Color to the Filter.
You can follow the video below:
Last but not least, please preview your store to see the result, you can check my video below:
Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:
- FREE 100% EComposer Standard plan for 6 months (save you $114)
- Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
- Create advanced sections & add to Kalles with ease
- Save up to 50 pages/sections
- 100+ professional, stunning pre-designed templates
- Anyone can build pages with live drag-drop editor
How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free

Cheers,
The4.
Last modified 3mo ago