All themes have the standard Sale or Sold Out badges, so Tailor goes beyond these basics by offering expanded Product badges settings.
Customize theme settings
In the theme editor (Customize), open Theme settings, then PRODUCT BADGES.
Adjust font and styling
Use these to control global settings for the badges.
Activate Uppercase text to change all letters to uppercase.
Enable Bolder text to increase the font weight for the badges.
Select either Use body font or Use heading font to adjust the font for the badges. These fonts are set up in the Typography portion of the Theme settings.
Create custom badges
Add up to four custom badges by customizing the Text and Background colors and assigning a Tag for Custom badge 1, 2, 3, and 4.
Use the color pickers to select two contrasting colors for the badge's Text and Background components. Avoid similar colors to optimize visibility and legibility.
Identify the product Tag to use for the badge with the provided text field.
These connect the badge to any product with that tag added in the Products admin. These can be tags already in use (e.g. NEW) or created specifically for the badges (e.g. RARE).
Control badge display
The Product badges block for the Product page template and Featured product section both have built-in settings for badges.
Click the Product badges block to customize it.
Select an option from the Display badges menu.
The options are:
- Sale badges only
- Custom badges only
- Custom badges preferred
- Both sale and custom badges