Design Packs Docs
design-packs.comView on Shopify App Store
  • Get started here
  • Guides
    • Adding your first section
    • Adding your first template
    • General settings
    • Helpful hints & resources
    • Troubleshooting
    • Performance
  • Fundamentals
    • Section Settings
      • Setting Solid Background Colors instead of Gradients
      • Understanding Layout Settings: Size & Maximum Width
      • Understanding Inner Padding & Outer Margin Settings
      • Custom Classes Setting
      • Show Individual Variants Setting
      • Enable Metafield Detection Setting
        • Metafield ready sections
        • How to Use Metaobjects on Product template with Image with text - simple section
      • Metafield Badge Setting
      • Using Blog Tags Setting to Show Product-Specific Blog Posts
      • Add custom events when product is added to cart
      • Size Controls for Image & Video Blocks
      • Featured collection - blocks
        • How to use the Liquid Block in "Featured collection - blocks" Section to Add Custom Review Apps
        • How to use the Metafield Image Badge block
        • How to use the Metafield text block
      • Newsletter/Signup Form Block - Tags
      • How to add a Hidden Field in Contact Form
    • Sections
      • Banners & Sliders
      • Flourish
      • Icon & Logos
      • Image with text
      • Menus & Navigation
      • Blocks & Columns
      • Text Content
      • Products & Collections
      • Article sections
      • Galleries
      • Misc
      • Modal Popup
    • Templates
      • Regular Page
      • Lookbooks
      • Blogs
      • Blog Posts
      • Collection
      • Landing pages
    • Custom CSS
      • Basic CSS examples
      • Mobile CSS examples
      • Advanced Examples
    • Shopify expertise
      • Theme editor
      • Metafields
      • MetaObjects
    • How to Guides
      • How to jump/ link to another section on the SAME page
      • How to forward a contact form in Shopify to a different email with Gmail filters
      • How to create new page templates (and keep the original as a starting point)
      • Creating a New Product Template
      • How to set default article template for all blog posts
  • Use Cases
    • For Designers
    • For Developers
    • Agency Licenses
    • Affiliate Program
  • PRODUCT BLOCKS
    • Product Blocks
      • Image with text block
      • Connected products block
      • Variant descriptions block
      • Value icons block
      • Video block
      • Collapsible content block
      • Feature range block
  • Integrations
    • Theme Updater App
Powered by GitBook
On this page
  1. Fundamentals
  2. Shopify expertise

Metafields

Add dynamic content

PreviousTheme editorNextMetaObjects

Last updated 2 months ago

With Online store 2.0, Shopify has provided a new way to use metafields. These new metafields have been made specifically for certain objects in your store.

Metafields can now be added to the following objects:

  • Product

  • Variant

  • Collection

  • Customer

  • Order

  • Pages

  • Blogs

  • Blog posts

Once set up and populated these metafields can be connected to your theme through the customization editor. When adding an image or title to a section, you'll now see a data icon that when hovered will say "connect dynamic source"

Note: The dynamic source option will only show up on pages where metafield objects are available (ie product page).

When you connect to the dynamic source, the value of that field will now be pulled from the metafield.

When you try to connect to a dynamic data source and you haven't previously set up any metafields, you'll be prompted to create a new metafield.

You can choose from a list of different data types:

  • Color, Data and Time, File, JSON, Measurement, Number, Rating, Reference, Text, True or False, and URL.

    • Note that images fall into the File type

This means that the content for each section can be unique to each product. For example, if you wanted to highlight unique features for your products, you could use the to illustrate each feature even if the features are different by product .

🎉
Page cover image
value icons