Welcome to the Eight Themes Docs

How to Add Custom Product Badges

Product badges are labels which appear on images of certain products, on your product and collection pages, when there is noteworthy information about the product available.

By default, there are two badges which the theme automatically applies to products:

  1. Sale (displays on any item in your shop if you have set a Compare at price in your admin settings)
  2. Sold out (appears on any product that is out of stock according to Shopify’s own inventory tracking feature)

Step 1: Define a badge metafield

You can create custom badges by adding metafields to your product.

  1. Within your Shopify admin, go to Settings.
  2. Go to Metafields.
  3. Select Products and click Add defition.

  1. Provide a name and key for your metafield.
  2. From the content type select Single Line Text.


Step 2: Assign metafields to your products

You can now assign your metafields to your products.

  1. Within your Shopify settings, go to Products.
  2. Select the relevant product.
  3. Scroll down to the metafield option and select the metafield you defined above.
  4. From here, you can add the text you want to appear in your badge.


Step 3: Set up Product Badges on your store

To ensure your badges are showing as expected on your store, edit your Product Badges’ settings.

  1. Within the theme editor, scroll down to Product Badges.
  2. Add a Custom Badge block.
  3. Enter the metafield key for your custom badge metafield.

Video Link


Step 4: Prioritise your badges

You can limit the number of badges shown on your products, as well as the order in which they appear by editing the Product Badges’ settings.

  1. Within the theme editor, click on Product Badges and set the maximum number.
  2. The order of the badge blocks within the settings dictates the order in which they will appear on your products. Simpy, reorder these blocks, top to bottom, to ensure your badges are shown in the correct order.

Video Link

Was this article helpful?