How to display metafields in my Shopify store?

There are two options to make the metafields visible at your store:

  • edit theme code yourself,
  • use the free Shopify app Metafields Guru.

If you’re tech educated enough with deep knowledge of the Liquid (Shopify’s template language), just configure your theme to show metafields. However, if your Theme doesn’t have the feature to display Metafields, you can edit your Shopify Theme code yourself, following the steps bellow:

1. Find your Themes code in your Shopify Admin

Go to Shopify Admin -> Online Store -> Themes -> Actions -> Edit Code.

2. Locate product.liquid

The “product.liquid” file contains the code for the page that displays your products.

3. Add code to display your Metafield

At this point you have to add the following line of code to display this new Metafields we created in the ‘Create Metafield’ section.

  • Material: {{ product.metafields.specs.material }}

If you have stored your Metafield as Variant Metafield then the code you need to add will be different.

  • Material: {{ current_variant.metafields.specs.material}}

4. Save and go check any product in your store.

Alternatively, you can benefit from the Metafields Guru App. It will allow you to copy the necessary code, paste it into the product.liquid, and have the metafield displayed where required. Besides, you’ll be able to create, update and delete metafields for products, smart and custom collections, customers, orders, blogs, pages directly from the admin panel of your Shopify store.