View Product Page

Update to version 2.0

If you are already using YITH Badge Management, when updating to version 2.0, all the badges you have created will be automatically created in background. This action requires a few minutes after which your badges will show in the tab Badges.

Create badges

To create a new badge to apply to the products of your shop, click on the button “Create badge” that you find in the “Badges” tab of the plugin panel.

Create badges

The plugin gives you the possibility to create two different types of badges: Text badge and Image badge.

Choose badge typeLet’s analyze them separately.

Text badge

This type of badge is entirely formed of a text label, for which you can customize colors, size, width, height, position, and more.

To create your text badge, start by entering a name to identify it (N.B. this is a required field) then select Text from the dropdown in Badge type.

Text badge creation

Now you can start setting all the available options through the built-in editor:

Text badge settings

  • Text: here, you can customize the text style (font, size, color, alignment, etc.);
  • Background color: choose the color of the text background;
  • Size (px): select height and width of the badge;

Text badge options

 

  • Padding: set the badge content padding (top, right, bottom, left) in px or %;
  • Border radius: set the badge border radius (top-left, top-right, bottom-right, bottom-left) in px or %;
  • Position: choose how to set the badge position in the product image from top, middle, or bottom;
  • Alignment: choose the badge alignment from left, center, or right. 

Here you see how the badge appears when applied to the product.

Text badge on frontend

 

Image Badge

Image badge type allows you to select one of the 9 ready-to-use badges available in the plugin.

To create your image badge, start by entering a name to identify it (N.B. this is a required field) then select Image from the dropdown in Badge type.

Image badge creation

Choose the image you want to use from the library with ready-to-use badges.

Badge images library

Image badge position

  • Position: choose how to set the badge position in the product image from top, middle, or bottom;
  • Alignment: choose the badge alignment from left, center, or right. 

Here you see how the badge appears when applied to the product.Image badge on frontend

Preview

Any of the above option settings, both for text and image badges, will reflect in the preview box on the right so you will be able to see in real-time the badge you are creating and apply any necessary adjustments.

Preview sample

Select badge in product

To assign a badge to a specific product of the shop, go to its editing page and add one or more badges you have created from the metabox “Product Badge”.

You can also schedule when the badge will show by specifying the start and end date.

Badge selection on product edit page

 

Badge on frontend

Badge on frontend

General options

From the tab General settings of the plugin panel, it is possible to set the following global options:

General options

Free version general option

 

  • Hide WooCommerce “On sale” badge”: enable if you want to hide the default Woocommerce “On sale” badge;
  • Hide badges in sidebars: enable if you want to hide the badges in sidebars and widgets.

Extra

Free version extra option

  • Enable shop manager: enable this option to allow the shop manager to edit the plugin settings.