Product badges with metafields
Add custom product badges to individual products easily using metafields
Last updated
Add custom product badges to individual products easily using metafields
Last updated
Feature introduced in Broadcast 3.2
Broadcast makes adding custom individual product badges or sometimes known as stickers very easy to implement and manage by using metafields.
When utilizing metafields you simply create one metafield to activate the functionality. From there you can add badge text to any of your products and Broadcast will automatically generate a custom badge for that product on collection pages or any section using a product grid.
If your shop is using Broadcast v3.2 or higher, you can easily use this feature. The following quick video shows you how to setup the custom metafield and how to use with products:
You can use the following reference information to help with the steps covered in the video.
Create a product metafield with the namespace and key set to:
theme.badge
Set the content type to Single line text, with one value
In the Metafields section of any product that you'd like to use the feature. Add a value to the badge field.
This will become your custom badge when displayed in a collection or section that includes a product grid:
When viewing a collection page or section with a product grid-style list, the custom badge is added to the top left corner if the product exists in that listing:
Each product can have its own custom badge label.
Colors are managed in the Theme Editor -> Theme settings -> PRODUCT GRID
Choose the background color and text color to set for all badges. Sale badges have their own values to help differentiate them from other badges:
How to find theme settings:
The data-source option for badge colors allows you to choose colors you've already configured in your brand colors configuration:
Brand colors are configured and managed in the Shopify Admin -> Settings -> Brand:
