Skip to main content

Badge Functionality

To enable a badge on the product page or collection page, enter this tag on the product

badge::
Anything after the text can be whatever you'd like. For example, badge:: Ships in 24 Hours

You also have the option to change the colors by product tag

badge-color:: FONTCOLOR
badge-background:: Background Color

The best way to add the color is using a hex code. For example:

badge-color:: #FFFFF

In the theme customizer, under theme settings (paint brush icon), when you select product grid and scoll down, you will see a setting called Product Badge Location

You can choose the placement of the badge: top left, top right, bottom left, or bottom right

The default color settings are the colors that the badge will be if no additional color tags are added to the product. You can change the default colors of the badge as well.