BSS Product Labels & Badges
  • About app
  • How to create a Label?
  • How to create a Badge?
  • How to create a Label Group?
  • Integration
    • LAI Product Review Integration Guide
  • FAQs
    • How to Provide Your Store's Collaborator Code
    • How to Approve Our Collaborator Request
    • How to create a text label/badge with custom style?
    • How to redirect customers after clicking on label/badge
    • What to do when some of the labels are appearing in places they should not?
    • Why are the changes of labels not applied on my products?
    • How to convert the language in the label or badge on your on your multilingual site?
    • How to add 2 labels at the same time on certain products?
    • How to show labels beautifully on the desktop and mobile?
    • How to change colors of the label?
    • How to exclude the label from unexpected page(s) or block(s)?
    • How to remove leftover code of the Product Labels Pro app?
    • How to show badges out of product images?
    • How to show label/badge when product quantity = 0?
    • How to add the Sold Out label automatically?
    • Why doesn’t the label/badge appear when the product is out of stock?
    • Why can't I see the badge on the product image?
    • Why doesn't the app work?
    • Why are the labels/badges not visible constantly on the page(s)?
    • Why is the label/badge duplicated?
    • How to remove label automatically?
    • How to apply Labels/Badges based on Product/Customer tags?
    • How to show text hover effect on label/badge?
    • How to create labels for product variants?
    • Why after changing theme, labels/badges aren't displayed anymore.
    • Can I add multiple badges on a product?
    • What is Inventory Badge?
    • Can I exclude specific customers from seeing my badge?
    • Can I choose who can see my badge?
    • Can I set the badge below the Buy it now button?
    • How to change the effect the labels/badges show up in the online store?
    • How can I customize the position of badges?
    • How to Display Labels/Badges Only on Mobile Devices
    • How to display your inventory quantity on text labels?
    • Countdown Timer for Label/Badge
    • How to Use Product Metafields to Customize Label/Badge Display?
    • How to Create Product Metafields in Shopify: A Step-by-Step Guide
    • How to Use Variant Metafields to Customize Label/Badge Display
    • How to Create a Label or Badge that Shows Product Metafield Content Automatically
    • Using a List of Values Metafield to Display Labels/Badges
    • Display a Badge Next to the Product Price
  • General
    • How to enable app embed block?
    • Can I have a trial for BSS Product Labels & Badges app?
    • How to translate the app interface into other languages?
Powered by GitBook
On this page
  • 1. What is a Metafield?
  • 2. Why Metafields Help Customize Label/Badge Display?
  • 3. Step-by-step Guide
  • 1️⃣ Step 1: Choose Display Condition Type
  • 2️⃣ Step 2: Choose the Metafield You Want to Use
  • 3️⃣ Step 3: Enter the Value You Want to Match
  • 4️⃣ Step 4: Choose Matching Option
  • 5️⃣ Step 5: Save and Preview on Your Storefront
  • 4. Pro Tips
  1. FAQs

How to Use Product Metafields to Customize Label/Badge Display?

PreviousCountdown Timer for Label/BadgeNextHow to Create Product Metafields in Shopify: A Step-by-Step Guide

Last updated 10 days ago

1. What is a Metafield?

Metafields in Shopify allow you to store custom information that isn't captured in the standard Shopify admin. They can help customize your store’s functionality and appearance.

For example, if you want to store information about a product’s origin, like "Organic", but Shopify doesn’t have a place for it, you can use Metafields to save this info.

💡 Metafield = custom data attached to a product

Learn how to create a Product Metafield here: How to Create Product Metafields in Shopify: A Step-by-Step Guide

2. Why Metafields Help Customize Label/Badge Display?

Our app allows you to add labels or badges to products based on the values stored in metafields, such as product origin, ratings, or other unique characteristics. This feature enables you to customize product displays in your store quickly.

3. Step-by-step Guide

1️⃣ Step 1: Choose Display Condition Type

Go to Product Conditions > Select With specific Metafield(s)

2️⃣ Step 2: Choose the Metafield You Want to Use

  • Click Add Metafield

  • Choose Metafield type = Product Metafield

  • Choose a Metafield from your existing Shopify Metafield list.

  • Our app supports many data types, including:

    • Single line text, Multi-line text

    • Integer, Decimal, Date and Time, Date

    • Dimension, Volume, Weight, True or False, Color (code)

    • Rating, Money

3️⃣ Step 3: Enter the Value You Want to Match

Enter the value you want to match for the Metafield. The app will then find products with matching values and display the corresponding label/badge

Examples:

  • Metafield origin = organic: The label/badge will appear on products where the origin metafield is set to organic

  • Metafield rating = 5: The label/badge will appear on products where the rating metafield is set to 5 .

You can also add a list of values to the metafield condition. Learn more in this article: Using a List of Values Metafield to Display Labels/Badges

4️⃣ Step 4: Choose Matching Option

  • Match all: Product must match all Metafield conditions to display the label/badge.

  • Match one: Product only needs to match one Metafield condition to display the label/badge.

5️⃣ Step 5: Save and Preview on Your Storefront

4. Pro Tips

  • Be sure to enter values correctly for your Metafields.

  • This feature is available only on the Platinum plan.

  • Ensure your product has the Metafield with the value you set.

  • You can also use variant metafields as conditions to display labels or badges: How to Use Variant Metafields to Customize Label/Badge Display

Select With Specific Metafield(s)
Select Metafield
Enter value you want to match
Choose Matching Option