{"id":3923,"date":"2022-12-18T12:36:02","date_gmt":"2022-12-18T12:36:02","guid":{"rendered":"https:\/\/scriptfeeds.com\/blog\/?p=3923"},"modified":"2025-04-12T19:12:14","modified_gmt":"2025-04-12T19:12:14","slug":"how-to-use-custom-product-meta-fields-in-shopify-as-filters","status":"publish","type":"post","link":"https:\/\/scriptfeeds.com\/blog\/shopify\/how-to-use-custom-product-meta-fields-in-shopify-as-filters\/","title":{"rendered":"Easy steps for custom Product Meta Fields in Shopify as Filters 2025"},"content":{"rendered":"\n<p>Now you can add Product Meta Fields in Shopify as Filters. Filters based on type, size and colors can enhance the customer experience on your website. But what if we have custom Meta Fields on products and we want to use those as a filter on collection page? Well there is an easy way to add custom Product Meta Fields as filters on Collection and product Page. This article will guide you step by step process to create filters using custom Meta Fields of Product.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li><a href=\"#strong-steps-to-create-product-meta-fields-in-shopify-as-filters-strong\">Steps to create Product Meta Fields in Shopify as Filters<\/a><ul><li><a href=\"#to-know-a-href-https-scriptfeeds-com-blog-shopify-how-to-create-multi-select-meta-field-for-products-in-shopify-strong-how-to-create-custom-meta-field-for-product-click-here-strong-a-once-done-just-follow-the-steps-below\">To create Custom Meta field for Product, click here. or just follow the steps below.<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"has-medium-font-size wp-block-heading\" id=\"strong-steps-to-create-product-meta-fields-in-shopify-as-filters-strong\"><strong>Steps to create Product Meta Fields in Shopify as Filters<\/strong><\/h2>\n\n\n\n<h3 class=\"has-medium-font-size wp-block-heading\" id=\"to-know-a-href-https-scriptfeeds-com-blog-shopify-how-to-create-multi-select-meta-field-for-products-in-shopify-strong-how-to-create-custom-meta-field-for-product-click-here-strong-a-once-done-just-follow-the-steps-below\">To know <a href=\"https:\/\/scriptfeeds.com\/blog\/shopify\/how-to-create-multi-select-meta-field-for-products-in-shopify\/\"><strong>How to create Custom Meta field for Product, click here<\/strong><\/a>. Once Done, just follow the steps below.<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Install and Activate &#8220;<a href=\"https:\/\/apps.shopify.com\/search-and-discovery\" target=\"_blank\" rel=\"noopener\">Search and Discovery App<\/a>&#8221; by Shopify<\/li>\n\n\n\n<li>Once Activated, scroll down and click on <strong>&#8220;Edit Filter&#8221;<\/strong> (Check Image Step below)<\/li>\n\n\n\n<li>On <strong>Edit Filter<\/strong> page, scroll down and you see the <strong>list of custom filters created.<\/strong><\/li>\n\n\n\n<li>Check the Meta Fields, which you wanna show as filters. Once done, save it. <\/li>\n<\/ol>\n\n\n\n<p><strong>You can also follow below step by step images<\/strong>:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"443\" src=\"https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters.jpg\" alt=\"Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters\" class=\"wp-image-3930\" srcset=\"https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters.jpg 900w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-300x148.jpg 300w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-150x74.jpg 150w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-768x378.jpg 768w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-399x196.jpg 399w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-800x394.jpg 800w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-1-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-750x369.jpg 750w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">1. click on <strong>&#8220;Edit Filter&#8221;<\/strong><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"443\" src=\"https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters.jpg\" alt=\"Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters\" class=\"wp-image-3931\" srcset=\"https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters.jpg 900w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-300x148.jpg 300w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-150x74.jpg 150w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-768x378.jpg 768w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-399x196.jpg 399w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-800x394.jpg 800w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-2-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-750x369.jpg 750w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">2. On <strong>Edit Filter<\/strong> button<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"443\" src=\"https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters.jpg\" alt=\"Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters\" class=\"wp-image-3932\" srcset=\"https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters.jpg 900w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-300x148.jpg 300w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-150x74.jpg 150w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-768x378.jpg 768w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-399x196.jpg 399w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-800x394.jpg 800w, https:\/\/scriptfeeds.com\/blog\/wp-content\/uploads\/2022\/12\/Step-3-How-to-use-custom-Product-Meta-Fields-in-Shopify-as-Filters-750x369.jpg 750w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">3. <strong>Check the Meta Fields<\/strong>, which you wanna show as filters<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"once-above-step-done-select-dynamic-filters-option-on-shopify-theme-customizer-filters-will-start-showing-on-your-collection-page\" style=\"font-size:18px;font-style:italic;font-weight:700\">Once above step done, Select dynamic filters option on shopify theme customizer. Filters will start showing on your collection page<\/h3>\n\n\n\n<p class=\"has-vivid-red-color has-text-color\">Note : We are using the Paid &#8220;Ella Shopify theme&#8221; for tutorial. You can use any theme. Also Please note that this Search and Discovery &#8220;<strong>Filters will only be available to customers if you&#8217;re using an OS 2.0 theme, custom storefront, or custom liquid in your online store.<\/strong>&#8220;<\/p>\n\n\n\n<p>Let us know how it works for you. <a href=\"https:\/\/scriptfeeds.com\/blog\/hire-us\/\" data-type=\"page\" data-id=\"3537\">Connect with us<\/a> in case of any query. <\/p>\n\n\n\n<p>Happy Coding!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Now you can add Product Meta Fields in Shopify as Filters. Filters based on type, size and colors can enhance the customer experience on your website. But what if we have custom Meta Fields on products and we want to use those as a filter on collection page? Well there is an easy way to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3919,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jnews-multi-image_gallery":[],"jnews_single_post":{"subtitle":"","format":"standard","video":"","gallery":"","source_name":"","source_url":"","via_name":"","via_url":"","override_template":"0","override":[{"template":"2","single_blog_custom":"","parallax":"1","fullscreen":"1","layout":"right-sidebar-narrow","sidebar":"default-sidebar","second_sidebar":"default-sidebar","sticky_sidebar":"1","share_position":"float","share_float_style":"share-monocrhome","show_share_counter":"1","show_view_counter":"1","show_featured":"1","show_post_meta":"1","show_post_author":"1","show_post_author_image":"1","show_post_date":"1","post_date_format":"default","post_date_format_custom":"Y\/m\/d","show_post_category":"1","show_post_reading_time":"0","post_reading_time_wpm":"300","show_zoom_button":"0","zoom_button_out_step":"2","zoom_button_in_step":"3","show_post_tag":"1","show_prev_next_post":"0","show_popup_post":"0","number_popup_post":"1","show_author_box":"0","show_post_related":"1","show_inline_post_related":"0"}],"override_image_size":"0","image_override":[{"single_post_thumbnail_size":"no-crop","single_post_gallery_size":"crop-500"}],"trending_post":"0","trending_post_position":"meta","trending_post_label":"Trending","sponsored_post":"0","sponsored_post_label":"Sponsored by","sponsored_post_name":"","sponsored_post_url":"","sponsored_post_logo_enable":"0","sponsored_post_logo":"","sponsored_post_desc":"","disable_ad":"0"},"jnews_primary_category":{"id":"","hide":""},"footnotes":""},"categories":[277,278],"tags":[282,283],"class_list":["post-3923","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify","category-how-to","tag-custom-filters-on-collection-page","tag-meta-field-filters-for-product-page"],"_links":{"self":[{"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/posts\/3923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/comments?post=3923"}],"version-history":[{"count":0,"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/posts\/3923\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/media\/3919"}],"wp:attachment":[{"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/media?parent=3923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/categories?post=3923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scriptfeeds.com\/blog\/wp-json\/wp\/v2\/tags?post=3923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}