Badges

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

Block
Description

Corner radius

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

Text size

Set the font size of the badge text in pixels (px).

Uppercase text

Toggle to convert badge text to uppercase letters.

Show badge text bold

Toggle to display the badge text in bold font weight.

Show shadow around badge

Toggle to enable or disable a shadow around the badge for added depth.

Show spacing around badge

Toggle to add extra spacing around the badge for separation.

Discount Badge

Show discount as Choose how to display the discount:

  • Save percentage

  • Save amount

  • None

Icon

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

  • None

  • Fire

  • Lightning bolt

  • Map pin

  • Price tag

  • Star

  • Shine

Background color Choose a background color for the discount badge. Text or icon color Select the color for the badge text and icon.

Soldout Badge

Icon

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

  • None

  • Fire

  • Lightning bolt

  • Map pin

  • Price tag

  • Star

  • Shine

Background color Choose a background color for the sold-out badge. Text or icon color Select the color for the sold-out badge text and icon.

New badge

Icon

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

  • None

  • Fire

  • Lightning bolt

  • Map pin

  • Price tag

  • Star

  • Shine

Background color Choose a background color for the new badge. Text or icon color Select the color for the new badge text and icon.

Last updated