Links

Filter by Product option

1. Install the Shopify Search & Discovery app

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:

2. Configure Filter by Product option in Shopify Dashboard > Navigation

After installing the Shopify Search & Discovery app for your store, you can configure the Filter by Product option following the video below:

3. Configure Filter by Product option in Theme Customize

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.

4. Configure Metafield Variant Color

4.1. Add Product metafield definitions

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:

4.2. Configure the Metafield Variant Color in Products

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:

4.3. Add Metafield Variant Custom Color to the Filter by option

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:

[Private offer] Kalles Partner Plan

Don't have to be tech-savvy, you surely can create your powerful and eye-catching store with EComposer - Visual Page Builder app (Our free add-on for Kalles):
  • FREE 100% lifetime (save you $150 annually)
  • Build any essential Shopify pages & Landing page, Sales Funnel Page, Lead pages, etc. tailored for your marketing campaigns, ads.
  • Create advanced sections & add to Kalles with ease
  • Anyone can build pages with live drag-drop editor
  • Publish up to 15 pages
  • 24/7 livechat support
Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for FREE.
Cheers, The4.