Product badges
Product badges sets the labels shown on product cards: sale, new, sold out, and a custom badge, with their text and background colors.
How to find it
In the Theme Editor, open Theme settings, then select Product badges.
Settings
View the settings guide .
Sale badge
| Setting | Options | Description |
|---|---|---|
| Show badge | Shows a Sale badge on products whose compare-at price is higher than their price. | |
| Format | • Text | Text shows the word Sale, Percentage shows the discount as a percent such as -20%, and Fixed amount shows Save followed by the amount saved. |
| Text color | Color of the text on the Sale badge. | |
| Background color | Background color of the Sale badge. |
New badge
| Setting | Options | Description |
|---|---|---|
| Show badge | Shows a New badge on recently created products. How long they keep it is set by New badge display period. | |
| New badge display period | Choose how long products are labeled as 'New' from the day they are created. | |
| Text color | Color of the text on the New badge. | |
| Background color | Background color of the New badge. |
Sold out badge
| Setting | Options | Description |
|---|---|---|
| Show badge | Shows a Sold out badge on products that are sold out. | |
| Text color | Color of the text on the Sold out badge. | |
| Background color | Background color of the Sold out badge. |
Custom badge
| Setting | Options | Description |
|---|---|---|
| Text color | Color of the text on the custom badge, which shows the text saved in the product's custom.custom_product_badge metafield. | |
| Background color | Background color of the custom badge, which shows the text saved in the product's custom.custom_product_badge metafield. |
Sale badge: Format sets the label. Text shows a text label, Percentage shows the percent off, and Fixed amount shows the amount off.
New badge: New badge display period sets how many days a product carries the New label, counted from the day it was created. The range is 1 to 60 days.
Sold out badge: shows a label on sold out products when Show badge is on.
Custom badge: sets the colors of a badge you add yourself. The help text points to a setup guide for it.
Notes
The color and format settings are hidden when the badge's Show badge option is off.
Text format shows the word Sale. A custom badge shows on a product that has text in its custom.custom_product_badge metafield.
No comments yet