Skip to product information
1 of 1
Published:2023.06.28

Example of setting up Shopify to make products filterable by elements added to product metafields

Example of setting up Shopify to make products filterable by elements added to product metafields

Applications

  • Product information management and editing

How to implement

  • LIQUID
  • HTML/CSS
View full details

Product meta fields are often used on Shopify product pages for specifications and related information, but they can also be used as filters on list pages. Here is an example of how to apply this to add a link to a product page.


Example of setting to make products filterable by elements added to product metafields


[Settings Step 1] Add product metafield definitions and edit the metafields on the target product details screen


[Setting Step 2] Select "Shopify Search & Discovery" from the "Online Store" sales channel menu and set the "Product Metafields" that you added to the filtering conditions.


[Setup Step 3] Display the contents of metafields using custom Liquid in product information (at this time, also set a link for narrowing down search to the displayed elements)


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Display metafields in product information using custom Liquid

Related Post