Badges

Badges allow you to customize badges in the theme.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme Settings -> Badges.

Setting
Description

Text size

Allows changing text size. Can be from 10px to 20px, increasing arithmetically of 1px (pixel)

Text transform

Select the font style transform of the text:

  • Lowercase

  • Capitalize

  • Uppercase

Position on cards

Select position of badge on cards from the dropdown menu:

  • Top left.

  • Top right.

Badge style

Select badge style on cards from the dropdown menu:

  • Fill

  • Outline

Corner radius

Set the radius of the badge's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).

Distance

Setting
Description

Vertical distance

Specifies the distance between the spot and the top edge of the image.

Horizontal distance

Specifies the distance between the spot and the left edge of the image.

Thickness

Setting
Description

Horizontal thickness

The thickness in pixels of the inner space of the badges.

Vertical thickness

The thickness in pixels of the inner space of the badges.

Sale badge

Setting
Description

Sale badge: Type

Select the sale badge type from the dropdown menu:

  • Text

  • % Discount

New badge

Setting
Description

Enable new badge

Enable/disable checkbox

New badge: Type

Select the method to apply 'New Badge'.

  • Dynamic: The algorithm will be applied to automatically decide the product is new or not

  • Manual: The products with tags including 'new' keyword will be shown with new badge

Time show

Determine the time range in which the product is shown with New badge

Maximum products to show

Determine the amount of products to have 'New badge'

Last updated