Badges

Setting Description
Badge names Add here your own badges with the same name as product tag, separated by comma.
Position on cards Choose position of your badge on cards: top left, top right, bottom left and bottom right.
Text style
  • Initial
  • Capitalize
  • Uppercase
Font weight

Use this option to customize globally the font weight of badges (product and blog cards). Choose from the following options:

  • Regular
  • Medium
  • Semi-Bold
  • Bold
Corner radius Use the slider to control the rounding of buttons. You can adjust the radius to achieve the desired level of roundness or squareness for buttons, aligning them with your design vision.
Sale badge style
  • Sale: Displays a “Sale” label on the badge.
  • Saving: Indicates the amount saved in money, showing the difference between prices. Example: “Save $11.01”
  • Percentage: Represents the discount percentage. Example: “8% Off”

Color sheme


Sale Badge color sheme:
Text color Choose the text color for sale badges on product cards.
Background color Choose the background color for sale badges on product cards.
Sold out color scheme:
Text color Choose the appropriate text color for the “Sold Out” badge that appears on a product card when the product is no longer available.
Background color Choose the background color for the “Sold Out” badge that appears on a product card when the product is no longer available. This helps to highlight the badge and make it more noticeable to customers.
Blog tag color scheme:
Text color Choose the text color for blog badges on blog detail page and blog cards.
Background color Choose the background color for blog badges on blog detail page and blog cards.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us