How To Add Meta Field on Collection Page – Shopify

In this tutorial, we’ll show you step-by-step how to add a custom meta field to your collection page on Shopify. This is a great way to enhance the user experience by displaying additional information about your products. Whether you want to add an extra description, product specifications, or any other data, this video will help you do it. Follow along and learn how to create a meta field and display it on the collection page for your Shopify store. Boost your store’s functionality and make it stand out from the competition. Watch now!

Code to Display Meta Field on Collection Page

Add the following code in your card-product.liquid file to line number 199 (Line no. may vary from theme to theme). Make sure to match the meta field code from your Shopify Store settings.

{% if card_product.metafields.custom.fabric != blank %}
  <strong>Fabric: </strong>{{ card_product.metafields.custom.fabric }}
    {% endif %}

Code to Display Meta Field on Product Page

Add the following code in Liquid (Code block) with in Customize settings of your Single Product Page

{% if product.metafields.custom.fabric != blank %}
  <strong>Fabric: </strong>{{ product.metafields.custom.fabric }}
    {% endif %}