How to add product badges

A series of product grid items, some of the items have badges such as 'Bestseller' and 'SPF' overlaying the product image in the top left corner.
Custom product badges on the Primavera theme's Gloss demo. Here you can see Bestseller and SPF as custom badges.

Step 1: Enable custom badges in the global settings

  • In the customizer, navigate to global Theme Settings > Product Card

  • Enable the Show custom badges option

Step 2: Create a custom metafield for the badge content

  • Navigate to Settings > Custom data > Products

  • Select Add definition

  • Enter a title, e.g. Badges

  • Click the 'custom.badges' text to unlock the namespace and key field. Under namespace and key, enter theme.badges

  • Under Select type, choose Single line text

  • Select List of values

  • Optional: You can choose to limit to preset choices, e.g. New, Editor's Choice, etc. This is useful if you want to prevent typos or keep consistent badges.

  • When ready, hit Save

  • Now, for any product you want to add badge(s) to, navigate to the product in the Admin, scroll down the page and add each badge as a new item:

Screenshot of the Shopify admin showing a form field for Badges, a single line text form field. The field value is 'New'.

Last updated

Was this helpful?