How to filtering products by Metafield object value

[Ranel]

I want to make products filter through Metafiled objects' value

I have created meta-field object

Please help me.

[EmilyJohnson · Accepted solution]

Hi @Ranel 

Filtering products based on Metafield values is a great way to help your customers find what they're looking for in your Shopify store.

Here are three ways you can achieve this:

1. Using Liquid:

   • Access your theme code by going to your Shopify admin panel, navigating to Online Store > Themes, finding your theme, and clicking Actions > Edit code.

   • Locate your product loop, the Liquid code that generates the list of products on your collection or product pages
     (e.g., in product-grid.liquid, product-list.liquid, or collection.liquid).

   • Filter products using product.metafields: Add a condition to your product loop to filter based on the Metafield object value.

     Code snippet

     {% if product.metafields.country-of-origin.value contains "Canada" %}
       <div class="product-item">
         {{ product.title }}
       </div>
     {% endif %}

   • Replace "Canada" with the desired value you want to filter by (e.g., "USA", "Mexico", etc.).

   • Adjust the comparison operator: Use appropriate operators like ==, !=, contains, starts_with, ends_with based on your filtering needs.
     
     

2. Using Shopify's Filtering API:

   • Create a custom filter in your Shopify admin to filter products based on Metafield values.
   • This filter can then be used in your storefront to display products based on the selected Metafield value.
     
     

3. Using a third-party app:

   • Several third-party apps available on the Shopify App Store can help you filter products based on Metafield values. These apps often provide more advanced filtering options and a user-friendly interface.
     
     

Important Notes:

• Ensure you use the correct Metafield key in the Liquid code or filter creation (country-of-origin in this case).
• Adjust the filtering logic based on the data type of your Metafield value (e.g., string, integer, boolean).
• If your Metafield values are case-sensitive, consider using case-insensitive comparisons in your filtering logic.
  
  

Example using Liquid:

Code snippet

{% assign filtered_products = products | where: "metafields.country-of-origin.value", "contains", "Canada" %}

{% for product in filtered_products %}
  <div class="product-item">
    {{ product.title }}
  </div>
{% endfor %}

This code snippet will filter the products collection to include only those products where the country-of-origin Metafield value contains "Canada".

Remember: Always test your filtering logic thoroughly in your development environment before making changes to your live store.

If you have any further questions or need more specific guidance, feel free to ask!

[simon_esc]

@EmilyJohnsonI'm not sure the `where` filter supports that syntax:

https://shopify.github.io/liquid/filters/where/

Using dot notation would be very useful but unfortunately doesn't work as you describe, as well as using the `contains` operator.

Unless I'm missing something?