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
  • Setting Up Your Metafields
  • Adding a Metafield Text Block
  • Troubleshooting
  • Example Use Cases
  1. Fundamentals
  2. Section Settings
  3. Featured collection - blocks

How to use the Metafield text block

The Metafield Text block allows you to display custom text on your product cards using metafield values. This feature is ideal for showcasing additional product information, such as specifications, care instructions, or promotional messages.

Setting Up Your Metafields

Before using the Metafield Text block, you'll need to set up your product metafields:

  1. Go to Settings > Custom data > Products

  2. Click Add definition

  3. Configure your metafield:

  • Type: Text

  • Namespace: (e.g., "details")

  • Key: (e.g., "care_instructions")

  • Name: (e.g., "Care Instructions")

Adding a Metafield Text Block

  1. In your Featured Collection - Blocks section, add a new block.

  2. Select "Metafield text" as the block type.

  3. Configure the following settings:

Basic Settings

  • Metafield namespace: Enter your metafield namespace (e.g., "details").

  • Metafield key: Enter your metafield key (e.g., "care_instructions").

Troubleshooting

If your metafield text isn't appearing:

  1. Verify that the metafield namespace and key are correct.

  2. Check that the product has text entered in the metafield.

  3. Email us at support@design-packs.com for help.

Example Use Cases

  • Care Instructions

  • Provide specific care instructions for clothing or delicate items.

  • Include washing, drying, and ironing guidelines.

2. Product Specifications

  • List technical specifications for electronics or appliances.

  • Include dimensions, weight, and material information.

3. Promotional Messages

  • Highlight special offers or discounts.

  • Include limited-time promotions or seasonal messages.

By effectively using the Metafield Text block, you can enhance your product displays with valuable information that helps customers make informed purchasing decisions. Always ensure that the text aligns with your brand voice and complements the overall design of your product cards.

PreviousHow to use the Metafield Image Badge blockNextNewsletter/Signup Form Block - Tags

Last updated 3 months ago