Magento 2 Product Labels v1.x Configuration

Step-by-Step actions:

1. “Enable Extension”: this option allows you to enable or disable this Product Labels extension.
2. “Serial Key”: enter the unique serial key provided to you after purchasing the extension. Note: In most cases, this field will be pre-filled with a serial key automatically, and the green checkmark will be displayed. To find and paste your serial key manually, read the Serial Key Activation article.

Step-by-Step actions:

1. “Show Multiple Labels In The Same Position“: this option allows you to manage multiple labels over a selected product. Set to “No” to display them in different positions, so all of them will be visible to a customer. Set to “Yes” if you want to display them in the same place. In this case, labels will overlap. Note: remember to prioritize labels in the “Edit Label Rule” section. When overlapping, only labels with higher priorities will remain visible to a customer.
2. “Display On“: choose one or more areas to display product labels there.
3. “Label Container Selector On Product List“: enter the selector for the label container. It is useful if you use third-party themes, and labels are not displayed on the Product List.
4. “Label Container Selector On Product Page“: enter the selector for the label container. It is useful if you use third-party themes, and labels are not displayed on the Product Page.

Step-by-Step actions:

1. “Enable Label“: click to enable the product label.
2. “Title“: enter the title of the label. This text will appear on the product label.
3. “From“, “To“: click on the calendar icon and specify the date when you want the label to start and stop displaying on product images respectively.
4. “Priority“: set a priority to manage the order in which the labels are applied to products. The highest priority is zero.
5. “Store View“: here you can select one or more store views that should display the label.
6. “Customer Groups“: here you can select one or more customer groups that will see the product label.

Step-by-Step actions:

1. “Label Type“: choose the type of the label: Text, Shape, or Image.
2. “Position“: to decide on label placement over the product image, click on the positions indicated by the squares. There is another way to do this: select the appropriate value from the drop-down list below. Note: you can set a custom position using CSS styles in the “Custom Styles” box below.
3. “Label Image“: select a label image out of 40+ available in the extension.
4. “Label size“: enter the width of the product label image.
5. “Text“: type the text of the label here.
   • You can also use variables:
     {{discount_amount}} – to output the discount in store currency (e.g. Save $25, $10 OFF), for Bundle products will show max price discount;
     {{discount_percent}} – to output the discount in percentage (e.g. 15% OFF; Save 25%);
     {{attribute_code}} – to output the value of the specific product attribute. (e.g., if you want to output the product brand name on the label, just enter {{brand}} and attribute brand value will output.
   • Allowed HTML tags are:
     b, i, cite, code, em, dfn, ins, mark, q, pre, s, span, small, strong, sub, sup, u, br
6. “Text color“: choose the color of the label by selecting it from the color picker or by typing hex color code in the field.
7. “Text size“: specify the size of the text.
8. “Custom styles“: Define custom CSS for product label style, transparency, rotation, position, etc.
9. “Use Product List Settings“: set to “Yes” if you want to display these settings on the Product Page. Otherwise, set to “No” and configure the same settings for Product List.

Step-by-Step actions:

1. “Conditions“: skip this step if you want to show this product label on all products. Otherwise, specify conditions when the product label should be displayed automatically.
2. “Save“: press the “Save” button to save all changes made to this label.