# 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="/files/ZKiriZ4rWVZQDuaAmZ3d" 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="/files/6Xm2NnIOPNCXAIQfnGHl" 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 ![](/files/pBQmA7P6gIx8hnMrCo6H).
   {% endhint %}

<figure><img src="/files/D8QNEQnkSMUoPitoCJpZ" alt=""><figcaption></figcaption></figure>

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

When clicking the **Connect dynamic source** icon (![](/files/2e0iINzaKvH7ahKAVDpd)), make sure to:

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

![](/files/HXHnU1xCTRz7Xiy3mrzu)

**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="/files/LQZ390C4reVUiNBLzOvQ" 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="/files/CFw3Z1QVL99Bl2WFjg2x" 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. 😎


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/sleek-theme/faqs/product/show-dynamic-content-for-products-using-metafields.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.