02GENERAL
Badges
This page explains how “Badges” actually behaves, which data it depends on, and what its settings change.
Badges
This page explains how “Badges” actually behaves, which data it depends on, and what its settings change.
What the theme does automatically
This section only displays elements that have content. Empty elements are ignored to preserve the layout.
Understand the settings
Colors
Promotional badge
Default: #71575B badge_sale_backgroundGeneral badge
Default: #71575B badge_backgroundBackground Opacity
Default: 22 · Range: 0–80% badge_background_opacityText
Default: #FFF9F6 badge_textBorder
Default: #FFF9F6 badge_borderBorder Opacity
Default: 24 · Range: 0–80% badge_border_opacityForm and text
Rounded
Default: 40 · Range: 0–40px badge_corner_radiusText size
Default: 11 · Range: 10–16px badge_font_sizeText thickness
Default: 700 · Options: Average, Semi-oily, Oily badge_font_weightLetter spacing
Default: 9 · Range: 0–20% badge_letter_spacingAvailable blocks
This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.
Before publishing
- ✓
Content remains readable in every color scheme.
- ✓
Labels match the storefront language.
- ✓
Displayed promotions match Shopify rules.
- ✓
Interactions remain accessible by keyboard and touch.