Show dynamic content for Products using Metafields 🔥

Learn to show dynamic content in Product template using Metafields

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)

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.

Step 2: Add Content to Product Metafield

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.

Step 3: Display Metafield content in the theme editor

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

Important:

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

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!

1. Choose your metafield (e.g., Short description).

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. 😎