Product labels

1 Create and edit product labels

Go to the backend menu Habi > Product Labels > All Labels. In this page you can edit the existing labels or create a new one.

In the edit page, you can see the following fields:

Field Description
1 Enable Enable/Disable the label
2 Title The backend title of the label. It is not displayed in frontend.
3 Label

The text part of the label.

You can use some shortcode to show the flexible variables

  • {{var save_percent}} : return the save percent.
  • {{var save_price}} : return the save price.
  • {{var product.price}} : return the product price.
  • {{var product.special_price}} : return the special price.
  • {{var product.qty}} : return the product quantity.

E.g., if you write {{var save_percent}}% off, the text part of the label will be 33% off in case the save percent is 33%.

4 Label Image The image part of label (not required).
5 Image Width Integer value (not required).
6 Image Height Integer value (not required).
7 CSS Class The class value displayed on label HTML tag (not required).
8 Position The position that the label is displayed on the product image.
  • Default: default position, depending on the style of product list.
  • Top - Start: displayed on top-left corner of product image (RTL: top-right).
  • Top - End: displayed on top-right corner of product image (RTL: top-left).
  • Bottom - Start: displayed on bottom-left corner of product image (RTL: bottom-right).
  • Bottom - End: displayed on bottom-right corner of product image (RTL: bottom-left).
9 Conditions

If the specified conditions are satisfied, the label will be displayed on the product item.

Some popular conditions that you may use:

  • To display a label on new products: Is New is Yes.
  • To display a label on on sale products: On Sale is Yes.