Product badges

  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 -> Product card -> Product badges.

Setting
Description

Show product badges

Toggle the display of product badges (e.g., new, sale, bundle) on the product card.

Position

Select the desired position of the product badges either to the left or right side of the product card.

Vertical position

Determine the desired spacing of the badges from the card's top.

Horizontal position

Determine the desired spacing of the badges from the card's left/right side.

New badge

New badge can be set up automatically by time right in editor or set up manually by tags in product admin.

Set up "New" label manually by tags
Setting
Description

Show new badge

Toggle to include 'new badge' in the product badges on product card.

New badge display mode

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.

New badge calculation period

Determine the time range in which the product is shown with new badge.

Maximum new badge to show

Determine the amount of products to have 'new badge'

Sale badge

Sale badge shows up when the product is added both "price" and "price at compare".

Setting
Description

Show sale badge

Toggle to include 'sale badge' in the product badges on product card.

Sale badge display mode

Select the display mode for the sale badge: % discount Text Text + % discount

Show sold out badge

Show sold out badge shows up when the available quantity of the product is 0.

Setting
Description

Show sold out badge

Toggle to include 'sold out badge' in the product badges on product card.

Custom badge

Custom badge can display the label same for all products or different for each product. If a product has both a tag and a metafield set up, it will prioritize displaying the label according to the metafield.

Setting
Description

Show custom badge

Priorities when setting up metafields.

Toggle to include 'custom badge' in the product badges on product card.

+ Show custom badge same for all products

Custom badge shows up when the product added a "label" tag.

The default name of this label is custom label. You can use this label with another name and change text in edit language.

Custom badge - different for each product

Custom badge shows when the product added a "custom badge" metafield.

Create a metafield for custom badge

  1. From your shopify admin, go to Settings -> Custom data.

  2. Click Products → Add definition.

  1. Please enter correct Namespace and key as we noted below.

Name: Custom Badge or any name.
Namespace and key: custom.custom_badge
Select content type: Single line text

How to insert content for custom badge metafield?

  1. From your Shopify admin, go to Products -> All products.

  2. Find and choose the product that you want to edit.

  3. In the Metafields, please enter the text that you want for "Custom badge" field.

Add custom badge text for the product 1
Add custom badge text for the product 2

Bundle badge

Bundle badge shows when the product added a "Grouped sub product" metafield.

Setting
Description

Show bundle badge

Toggle to include 'bundle badge' in the product badges if the product is setup with a bundle.

How to change the name of badge/label or translate it in another language?

Please go to Edit languages -> Products -> Scroll down to find the text of labels and change:

Last updated