Badge settings

Badge settings

Badge settings are used to customize the appearance of product badges, which are displayed in product cards and product sections.

Badge settings are listed below and are accessed through the theme settings.

SettingDescription
Position on cardsSelect the badge position on product cards.
Corner radiusSet the corner radius for badges.
Show sale badgeUse this setting to show sale badges.
Sale badge formatSelect the format for sale badges.
Sale badge color schemeSelect the color scheme for sale badges.
Sold out badge color schemeSelect the color scheme for sold out badges.
Custom badges
Color scheme 1Select the first color scheme for custom badges.
Color scheme 2Select the second color scheme for custom badges.
Color scheme 3
Selective third color scheme for custom badges.

    • Related Articles

    • How do I set up custom product badges?

      To set up a custom product badge, add a tag to the product that you wish to add the custom badge to, using the following format: "custom_badge_1-Name". The parts of the tag that should be changed are bold and italicised. The number represents the ...

    • Animation settings

      Animation settings are used to enable animations throughout the theme. Animation settings are listed below and are accessed through the theme settings. Setting Description Fade between pages Use this setting to enable a fade animation between pages.

    • Favicon settings

      Favicon settings are listed below and are accessed through the theme settings. Setting Description Favicon image Use this setting to add a favicon image for your store.

    • Filter settings

      Filter settings are listed below and are accessed through the theme settings. Collection filters are shown on collection pages and the search page. Setting Description Color scheme Select the color scheme for collection filters.

    • Media settings

      Media settings are used to customize the appearance of media (e.g. images, videos) displayed throughout the theme. Media settings are listed below and are accessed through the theme settings. Setting Description Border Thickness Set the border ...