How to add custom badges to products
You can now add custom-worded badges to your product card images to help promote your products such as 'Limited offer' or 'Bestseller'. This guide will walk you through the process of creating and displaying these custom badges.
Steps to Add Custom Badges
1. Creating a Badge Tag
To add a custom badge to a product, you need to create a tag for the product.
To add a tag to your product go to your Admin > Products > Select your chosen products > Product organization > Tags
The tag should follow this format:
_badge: [custom wording]
Example:
_badge: New Arrival
2. Displaying the Badge
Once the tag is added, only the custom wording you specified will be displayed as a badge on the product card.
3. Badge Color Settings
Custom badges will use the custom badge color setting which can be found by going to Admin > Sales channels > Online store > Themes > Customise > Theme settings > Colors > Badges > Custom badge background.
Remember: Custom badge text will truncate if it exceeds the padding of the badge. It will not wrap or drop down. Test your badges on smaller grid widths (mobile, tablets) to ensure they display correctly.
Badge Priority
Custom badges will display in the following priority order:
Sold Out
Custom Badges
On Sale
This ensures that "Sold Out" badges take precedence over custom badges, which in turn take precedence over "On Sale" badges.
If a product is both on sale and has a custom badge for "Limited Edition," the custom badge will display instead of the "On Sale" badge.