# Show dynamic content for Products using Metafields 🔥

{% embed url="<https://youtu.be/6TT9lbSOJ9M?si=7YT8GobbsKUZjE53>" %}

Metafields allow you to store extra information for your products, like size charts, ingredient lists, warranty info, or unique product descriptions. With Shopify’s **Online Store 2.0** and the **Sleek theme**, you can display this data on your product pages **without touching any code**.

This guide shows you how to do it, step by step.

## What you’ll need

* An Online Store 2.0-compatible theme (like **Sleek** ✅).
* A product metafield already set up.
* Content added to that metafield for each product.

## Step 1: Create a Metafield definition (if you haven’t yet)

{% hint style="success" %}
Steps:

1. Go to **Shopify Admin > Settings > Custom data > Products**.
2. Click **Add definition**.
3. Fill in:
   * Name: e.g. `Short description`
   * Namespace and key: e.g. `custom.short_description`
   * Type: Single line text, File, or whatever you need (e.g., File for PDFs, Multi-line text for extra descriptions)
4. Click **Save**.
   {% endhint %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FEOVe6m3aEIHstd2HxGrZ%2Fimage.png?alt=media&#x26;token=cdff6e3c-e58d-412e-b6e7-3ea7bb87a41b" alt=""><figcaption></figcaption></figure>

## Step 2: Add Content to Product Metafield

{% hint style="success" %}
Steps:

1. Go to Shopify **Products > \[Choose a product]**.
2. Scroll down to the **Metafields** section at the bottom.
3. Add your content (text, file, etc.) for that product.
   {% endhint %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2Fmu2krR8jhL9s6pMnBuWO%2Fimage.png?alt=media&#x26;token=c50dd96f-4c4c-419a-b267-7daa0e1241ba" alt=""><figcaption></figcaption></figure>

## Step 3: Display Metafield content in the theme editor

{% hint style="success" %}
Steps:

1. Go to **Online Store > Themes > \[Your Live or Draft theme] > Customize**.
2. In the top dropdown, choose **Products > Default product** (or a specific template).
3. Click on the section or block where you want to add dynamic content
4. Click into the **section** or **block** where you want to show the metafield and look for the **Connect dynamic source** icon ![](https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FBlQdHQctxTjAHjgj0pxG%2Fimage.png?alt=media\&token=5d31131f-6293-4e30-b582-08c13f201580).
   {% endhint %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FSXIfVam1lBSfmBn4kdP6%2Fimage.png?alt=media&#x26;token=7b8abbb4-fa3b-4376-8be8-4d523eb197ff" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Important:**&#x20;

When clicking the **Connect dynamic source** icon (![](https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FJKxaq1ERpsTIy7fuwq6t%2Fimage.png?alt=media\&token=27399c38-1850-43be-a913-518dfd6d63e4)), make sure to:

✅ **Select from `Template > Product`**,\
❌ **Do NOT select from `Current block`**

![](https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F1JqXKetxPbCXxDeJ6uTE%2Fimage.png?alt=media\&token=e31e0089-98be-447e-9342-1d83d551a057)

**Why?**

* `Current block` refers to the settings of that block only, not product-specific content.
* `Template > Product` gives access to **product metafields**, like descriptions, files, specs, and more, which is what you want!
  {% endhint %}

{% hint style="success" %}
5\. Choose your metafield (e.g., Short description).

<img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FCExOlywFGozxtOnd2Sbg%2Fimage.png?alt=media&#x26;token=fe370dcb-daec-4f01-a257-c3b6d3cd2cd5" alt="" data-size="original">\
\
Once connected, this content will **dynamically update per product**, making your store easier to manage and way more personalized, with no code needed.
{% endhint %}

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FABzqmxxlYhoX02lUWHT0%2Fimage.png?alt=media&#x26;token=133eaf9e-5103-4188-bfa9-20e41183b294" alt=""><figcaption></figcaption></figure>

## Wrap up 🎉

And that’s it! You've now got **dynamic, product-specific content** showing directly on your product pages — no coding required, just clicks and creativity. 😎