Badges

Use this setting to customize the "Badges Corner radius and Color scheme."

Setting
Description

Label

Set the text for the badge label, visible when “Continue selling when out of stock” is enabled in products.

Background color

Set the background color of the badge.

Text color

Set the text color of the badge.

Show percentage discount

Toggle to display the percentage discount on the badge.

Show price difference

Toggle to display the price difference on the badge.

Show sold out

Toggle to display a “Sold out” label on the badge.

Corner radius

Set the border radius (in pixels) of the badge, giving it rounded edges.

Spacing around badges

Adjust the spacing around badges (in pixels) to control the margin between the badge and other elements.

Remove left side spacing

Toggle to remove spacing on the left side of the badge.

Badge font size

Set the font size (in pixels) of the badge text. You can adjust the font size of the badge text and set it to the minimum size of “10px” and a maximum size of “14px.”

Price sale background color

Set the background color for the sale price within the badge.

Price sale text color

Set the text color for the sale price within the badge.

Percentage sale background color

Set the background color for the percentage sale badge.

Percentage sale text color

Set the text color for the percentage sale within the badge.

Sold out background color

Set the background color for the “Sold out” badge.

Sold out text color

Set the text color for the “Sold out” label within the badge.

New background color

Set the background color for the “New” badge.

New text color

Set the text color for the “New” label within the badge.

Last updated