Badges

Use this setting to customize the "Badges" Show percentage discount, Show price differance, Corner radius and Badges color scheme.

Block
Description

Position

Customization of the "Position" in this section is as follows:

  • On product image

  • Bottom

Fonts

Customization of the "Fonts" in this section is as follows:

  • Use body font

  • Use heading font

Corner radius

Adjust the corner radius (in pixels) to control the roundness of badge corners.

Font size

Adjust the font size (in pixels) for the badge text.

Uppercase text

Toggle to display badge text in uppercase letters, creating a more prominent and bold style.

"Discount badge" customization as is follow:

Block
Description

Discount badge

Show discount as

Customization of the "Show discount as" in this section is as follows:

  • Sale

  • Save amount

  • Save percentage

Background color Choose the background color for the discount badge.

Color picker Choose the text color for the discount badge.

Soldout badge

Background color Choose the background color for the sold-out badge.

Color picker Choose the text color for the sold-out badge.

New Badge

Background color Choose the background color for the new badge. Color picker Choose the text color for the new badge.

Last updated