Sleek Theme
Sleek Theme

Show dynamic content for Products using Metafields 🔥

2 min read

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

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

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
  4. Click into the section or block where you want to show the metafield and look for the Connect dynamic source icon .
image

Important:

When clicking the Connect dynamic source icon (), make sure to:

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!

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

image

Once connected, this content will dynamically update per product, making your store easier to manage and way more personalized, with no code needed.
image

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

Last updated