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
  • Overview
  • Setup Instructions
  • How It Works
  • Tips & Best Practices
  • Example Use Cases
  • Troubleshooting
  1. Fundamentals
  2. Section Settings

Using Blog Tags Setting to Show Product-Specific Blog Posts

Learn how to display relevant blog posts for each product using the Blog Posts - Tagged sections and product metafields.

Overview

You can use this section to automatically display relevant blog posts based on a product's metafields. For example, you might want to show:

  • Care instructions for specific products

  • Related recipes for kitchen items

  • Style guides for clothing

  • Installation guides for hardware

  • FAQ posts for complex products

Setup Instructions

1. Set Up Product Metafields

First, create a metafield to store blog post tags for each product:

  1. Go to Settings > Custom data > Products

  2. Click Add definition

  3. Configure the metafield:

    • Name: Blog Tags

    • Namespace and key: product.blog_tags

    • Type: Single line text

    • Description: "Tags used to filter blog posts for this product"

2. Add Tags to Products

For each product, add relevant blog post tags:

  1. Go to the product you want to edit

  2. Scroll to the Metafields section

  3. In the "Blog Tags" field, enter your tags

    • Separate multiple tags with commas

    • Example: care-guide, washing-instructions, product-tips

3. Tag Your Blog Posts

Make sure your blog posts have corresponding tags:

  1. Go to Online Store > Blog posts

  2. Edit or create posts related to your products

  3. Add tags that match your product metafields

    • Example: If a product uses the tag care-guide, add this same tag to relevant blog posts

4. Add the Section to Product Template

Add the Blog Posts - Tagged Scroll section to your product template:

  1. Go to Online Store > Themes

  2. Click Customize

  3. Select a product page

  4. Click Add section

  5. Choose "Blog posts - tagged scroll"

  6. In the section settings:

    • Click the metafield icon and select your product's metafield value (Blog Tags) into the "Filter by tag" field

    • Optional: Enable "Enable metafield detection" (this will hide the section if no matching posts are found)

      Important: The "Filter by tag" field must contain your product's metafield value. The "Enable metafield detection" setting only controls whether the section is hidden when no matching posts are found - it does not automatically pull tags from your metafield.

How It Works

  • When a customer views a product, the section checks the product's "Blog Tags" metafield

  • The section automatically displays blog posts that match these tags

  • If no tags are found, the section will be hidden (when Enable metafield detection is enabled)

  • If multiple tags are used, posts with any matching tag will be shown

Tips & Best Practices

  • Use consistent tag naming across products and blog posts

  • Keep tags simple and lowercase (e.g., care-guide not Care Guide)

  • Use specific tags to ensure relevant content appears

  • Consider creating a tagging system (e.g., type-care, type-recipe, type-install)

  • Test your setup with a few products first

Example Use Cases

Care Instructions

Product: Wool Sweater Metafield tags: wool-care, sweater-care Filter by tag field: wool-care, sweater-care Blog posts:

  • "How to Wash Wool Garments" (tag: wool-care)

  • "Storing Winter Sweaters" (tag: sweater-care)

Recipes

Product: Stand Mixer Metafield tags: mixer-recipes, baking-tips Filter by tag field: mixer-recipes, baking-tips Blog posts:

  • "5 Easy Bread Recipes" (tag: mixer-recipes)

  • "Mixing Techniques 101" (tag: baking-tips)

Style Guides

Product: Dress Shoes Metafield tags: shoe-styling, leather-care Filter by tag field: shoe-styling, leather-care Blog posts:

  • "Matching Shoes with Suits" (tag: shoe-styling)

  • "Leather Care Guide" (tag: leather-care)

Troubleshooting

Posts Not Showing?

  1. Check that your metafield is correctly set up

  2. Verify tags are entered correctly in the product metafield

  3. Confirm blog posts have matching tags

  4. Check that your blog posts are published

Too Many Posts Showing?

  • Use more specific tags

  • Limit the number of tags per product

  • Adjust the "Visible blog posts" setting in the section

Need More Help?

Note: Remember to keep your blog posts up to date and relevant to your products to provide the best customer experience.

PreviousMetafield Badge SettingNextAdd custom events when product is added to cart

Last updated 2 months ago

Contact Design Packs support at for assistance.

support@design-packs.com