Product Badges

This feature allows you to add badges to your products, such as, in discount, sale, coming soon, and many more such badges.

Step #1

Select the Add New Badges button.

Step #2

Select the choose the badge type popup displayed for you.

Step #3

After you have selected the popup field, a splash screen will be displayed for you to configure the appearance of the badge on the product page.

  1. General

  • Select badge - Select the badge that you want to assign to the product.

Here, you can select a badge from multiple badge options, like;

  • Status - Set the status of the badge.

  • Assign name to product badge - Assign a name to the product badge.

  • Select product to preview - Select the demo product on which you would like to preview the configuration.

  1. Configuration

  • Badge position - Select the position where you want the badge to be displayed.

    • below product name

    • below product price

    • below quantity box

    • below add to cart button

    • below buy it now button

    • below product image

    • use custom selector

  • Badge animation - Select the animation type to assign to the badge.

    • pulse

    • bounce in

    • bounce out

    • swing

    • hi there

    • flash

    • roll in

    • roll out

  • Alignment - Set the alignment of the product badge. (left, center, or right)

  • Badge style - Set the badge opacity from 0.1 to 1.

  • Badge size - Set a badge size in either dynamic (%) or fixed (px).

  • Badge margin - Set a badge margin from top and bottom.

  1. Conditions

Select where you want to show your product labels on;

  • Product pages

  • Collection/category pages

Suppose you have selected the display the labels on collection/category pages.

For product conditions, you have selected to show the labels on the products falling under collections only.

Save your settings and navigate to the Settings section to add the priority which is very important to display your labels on your website.

Last updated

Was this helpful?