Eclipse

Dynamic content with metafields

Metafields and Dynamic sources are Shopify features that allow you to store and display unique content for products, collections, blogs, and pages.

These features are perfect for displaying specific product information — such as size guides or part numbers — for different products that use the same template.

This guide provides a general overview of using metafields and dynamic sources in our themes. Follow the links below for instructions for using dynamic sources for specific theme features.

Watch video tutorials

Watch the step-by-step tutorials for the Metafields. The first video provides a general introduction, and the second video shows you how to use metafields for unique size guides and complementary products.

Overview

If you want to display custom content for different pages, you can use Shopify's metafields and dynamic sources.

  • Metafields are extra data fields in your Shopify admin that can store additional information and content for products, collections, and pages.

  • Dynamic sources are what connect metafields to templates and sections. You can add dynamic sources in your theme editor to automatically display metafield content for specific products, collections, or pages.

Metafields and dynamic sources are a Shopify feature. Our themes use these features but they are controlled by Shopify. For a full overview, see Shopify's metafields guide ↗.

General steps

Shopify's Metafields lets you store additional information about your products in your Shopify admin. You can create custom fields to hold different types of information.

Once your metafields are set up, you can use Dynamic sources in your theme editor to connect metafields to your templates. Dynamic sources automatically use the content entered in the metafield for each product.

1. Create metafields for products

Follow the steps below to create metafields that allow you to add unique content and information to your products.

The steps below tell you how to add a metafield with links to Shopify's guides for different metafield types.

STEPS

In your Shopify admin:

  1. Go to Settings > Custom data.

  2. Click the Products tab.

  3. Click the Add definition button in the top-right.

  4. Enter a Name that describes what information the metafield will contain.

  5. Click (+) Select type and choose what type of metafield you want to use.

    See Shopify's list of Metafield content types and values ↗

  6. Click Save.

2. Add content to metafields

Once you've created Metafields for your products in the Shopify admin, you can now add unique content to those fields for each of your products in the Shopify admin.

STEPS

In your Shopify admin:

  1. Go to your Product inventory in your Shopify admin and open one of your Products.

  2. Scroll down to the Metafields section and enter update the metafields that you created.

  3. Click Save.

3. Insert metafields as dynamic sources

Now that the Metafields of your products have content, you can go to the theme editor to insert a Dynamic source.

STEPS

In your theme editor (Customize):

  1. Click on a block or section to open the settings.

  2. Click an Insert dynamic source button next to a field or setting.

  3. Select the Metafield that you created.

  4. You can now preview your store to confirm the correct content or settings appears when viewing different products.

  5. Click Save.

Last updated