Add custom badges to the product card and product page

A guide to add custom badges/tags using product tags

Product badges help draw the attention of visitors to specific characteristics of the products.

To set up the custom badges in Zest, simply add the supported product tags you want to display to your product:

tag__hot_[DISPLAY TEXT]
tag__new_[DISPLAY TEXT]
tag__sale_[DISPLAY TEXT]

Once the supported tags are added in Shopify admin, the product cards will show the custom badges automatically.

Below are examples of them on product cards:

tag__hot_HOT

tag__new_NEW

tag__sale_SALE

To add custom tags for product details page:

1. Go to Product template and locate the section Product information.

2. Add block Custom tags.

To change the custom badges' colors, go to Theme settings > Colors.