Handsome documentation

Feature guides

Product badges

Small labels on product card images: sale, sold out, new, and up to three of your own based on product tags.

Product cards with badges in the Tribe preset
Best seller, New and sale badges on product cards (Tribe preset).

Turn badges on

Go to Theme settings → Product badges and turn on Enable product badges. Choose the position, shape and size, and how many badges a product can show at once.

Built-in badges

BadgeWhen it showsOptions
Sold outEvery variant is out of stockBackground colour
SaleThe product has a compare-at price higher than its priceLabel only, percentage off, amount off, or label and percentage; optional icon
NewThe product was published within the number of days you setDays, icon and colour

Each badge has one background colour; the theme picks black or white text automatically so it stays readable.

Tag badges

Use up to three badges driven by product tags, for example Bestseller, Vegan or Limited.

  1. In Tag badge 1, turn on Show badge.
  2. Enter the Product tag, for example best-seller.
  3. Enter the Label shoppers see, for example Best seller, and choose an icon and colour.
  4. Add that tag to products in admin. The badge appears on that product's card everywhere in the store: collections, search, sliders and recommendations.
Fewer is better

One or two badges per product keeps cards clean. Set Maximum badges per product to 2.