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:
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.