How To Set Up Custom Badge Using Metafields

By default, the badge such as Sale, Hot, Sold-out will display the same to all products in a Grid. But you can display different badges using metafield.
With Badge metafield, you can provide more information to your customers, made your design attractive and boost sale

You can follow this quick video to do that.

Step 1. Turn on the Custom badge by ticking the Show badge checkbox under Product card. Now you need to fill in the Metafield value.

Step 2: Go to Shopify Admin -> Setings ->

Click Metafields and metaobjects -> Products

Then Add definition

Put a name for this new metafiled then copy the metafield code:

custom.metafield_badge

The final code should be:

product.metafields.custom.metafield_badge

Customize design of the badge such as color, text size, fonts,…