Skip to main content

Display a Metafield on the Product Page

There are two methods for displaying metafields on Shopify product pages.

For this tutorial, we'll use an example metafield:

  • Type: Multi-line text
  • Namespace: additional_info
  • Key: subtitle

Method 1: Custom Liquid Block (Online Store 2.0 Only)​

This is the easiest approach and works with any Online Store 2.0 theme.

  1. Go to Shopify admin → Online store → Themes → Customize
  2. Navigate to the product page template, and select a test product that has the metafield
  3. Click the blue "+" icon → select Custom Liquid
  4. In Metafield Studio, go to your product → Actions → Copy Liquid code
  5. Paste the copied code into the Custom Liquid content box
  6. Verify the metafield appears in the preview
  7. Click Save
Dynamic Sources

To use a metafield as a dynamic data source in the theme editor, you need to create a metafield definition first. However, definitions have limitations: max 250 total definitions and no HTML rendering support. Metafield Studio's Liquid code supports formatted HTML rendering, while Shopify's standard picker displays escaped HTML as plain text.

Method 2: Edit Theme Template File (All Themes)​

This method works with any Shopify theme but requires editing Liquid code directly.

  1. Go to Online store → Themes → Actions → Edit code
  2. Navigate to the sections folder → find product-template.liquid
  3. Locate the product title section and position your cursor below it
  4. In Metafield Studio, copy the Liquid code from your product (Actions → Copy Liquid code)
  5. Paste the code into the template file
  6. Click Save
  7. Verify on your storefront