Table of Contents

Magento 2 Product Labels Extension – User Guide

Extension context

This document provides a comprehensive guide for the Toweringmedia Product Labels Extension for Magento 2. It is intended for store administrators and developers who want to create, configure, and manage product labels across their Magento store. The extension allows administrators to display customizable labels such as Sale, New, Best Seller, Featured, and promotional badges on products based on configurable rules and conditions.

Overview

The Toweringmedia Product Labels Extension for Magento 2 allows store administrators to create and display customizable labels on products throughout the storefront. These labels can be used to highlight important product information, promotions, special offers, or product characteristics.

The extension provides flexible options for creating labels using text or images and controlling where and when they appear. Labels can be assigned manually to products or automatically based on configurable product conditions and rules.

Store administrators can use the extension to display labels such as Sale, New, Best Seller, Featured, Limited Stock, or other promotional badges. Labels can also be scheduled for specific periods, making the extension suitable for seasonal campaigns, limited-time promotions, and other time-sensitive offers.

The extension supports displaying product labels in multiple areas of the Magento storefront, including product listings, product detail pages, search results, related products, upsell products, and cross-sell products. Multiple labels can also be displayed on the same product when required.

The Product Labels Extension is designed to provide Magento store owners with greater control over product presentation while allowing labels to be customized according to the store's branding and promotional requirements.

Key features

The Toweringmedia Product Labels Extension provides the following key features:

What this extension does

The Toweringmedia Product Labels Extension enhances the Magento 2 storefront by allowing store administrators to add visual labels and badges to products. These labels help customers quickly identify important product information, promotions, and special offers while browsing the store.

The extension can be used to:

Installation

Please refer to the installation guide in the following article https://toweringmedia.com/installation

Admin setup

The Product Labels Extension provides a dedicated section in the Magento Admin Panel for creating and managing product labels.

Product Labels grid

Navigate to the Product Labels section in the Magento Admin Panel to view and manage existing labels.

The Product Labels grid provides the following information:

Click Add New Label to create a new product label.

Creating a product label

The label configuration page contains several sections that allow the administrator to define the label, select products, configure display locations, and customize its appearance.

General

The General section contains the basic label configuration.

Status

Enable or disable the label using the Status option.

Name

Enter a unique name for the label.

The name is used to identify the label in the Magento Admin Panel.

Priority

Enter a numeric priority for the label.

Priority can be used to control the processing order when multiple labels apply to the same product.

Use For Child Products

Enable this option when the label should also be applicable to child products of Configurable, Bundle, or Grouped products.

Stores

Select the Magento stores/store views where the label should be available.

This allows administrators to use different labels or label configurations across multiple store views.

Customer Groups

Select the customer groups for which the label should be displayed.

The available customer groups may include:

Stop Processing

Enable Stop Processing when the current label should prevent further label processing according to the extension's priority and processing rules.

Products Selection

The Products Selection section determines which products will receive the label.

Products Selection

Select how products should be assigned to the label.

The extension provides an option for Only manually assigned products, while condition-based product selection can also be configured through product conditions.

Manual Product IDs

When Only manually assigned products is selected, enter the product IDs in the Manual Product IDs field.

Product IDs should be entered as comma-separated values.

Example:

101,105,110,125

Display On

Select the storefront areas where the label should be displayed.

Available locations shown in the configuration include:

A label can therefore be displayed in multiple product presentation areas across the Magento storefront.

Product Conditions

The Product Conditions section allows administrators to control label assignment based on product conditions.

Active From Date

Specify the date from which the label should become active.

Active To Date

Specify the date until which the label should remain active.

These fields can be used to schedule labels for temporary promotions and campaigns.

Product Conditions

Configure conditions that determine which products match the label.

The extension provides a condition builder where administrators can define rules using product attributes and other available product conditions.

The matching products section can be used to review products that satisfy the configured conditions.

Source Type

The Source Type option determines how the label's product selection is sourced.

For manually selected products, Manual can be selected as the source type.

Tooltip

The extension provides tooltip configuration for product labels.

Enabled

Enable or disable the tooltip.

Tooltip Color

Specify the background color used for the tooltip.

Tooltip Text Color

Specify the color of the tooltip text.

Tooltip Text

Enter the tooltip content that should be displayed when the customer interacts with the label.

The tooltip supports variables such as:

Basic HTML tags can also be used where supported.

Label appearance

The label appearance can be configured separately for different storefront areas.

The configuration provides options for:

Label Type

Select how the label should be rendered.

The available configuration can include:

Shape

Select the shape used for the label.

For example, None (default chip) can be used for a standard label appearance.

Label Position

Select the position of the label using the 3 × 3 position selector.

The available positions are:

Label Text

Enter the text that should be displayed on the label.

The label text supports product-related variables, including:

These variables allow the label to display dynamic product information.

Text Color

Select the color of the label text.

Text Size

Specify the font size of the label text in pixels.

Example:

14

Image

Upload an image to use as the product label.

The Admin Panel provides options to:

The supported image formats and maximum file size are displayed in the corresponding configuration section.

CSS Class

Enter a custom CSS class for the label.

This can be used when additional storefront styling is required.

Container Style

Enter inline CSS for the label container.

For example:

padding:4px 8px; background:#eb5202;

Category Page

The Category Page section controls how the label is displayed on category product tiles.

Administrators can configure:

The configuration includes a preview area so the administrator can visualize the label placement.

Product Page

The Product Page section controls label display on the individual product detail page.

The same customization options can be configured for the product page, including label type, shape, position, text, color, size, image, CSS class, and container styling.

This allows the label appearance on the product detail page to be controlled independently from the category product listing.

Cart, Mini-Cart and Checkout Pages

The extension also provides configuration for labels displayed in cart-related areas.

The Hide Label on Pages option can be used to select pages where the label should not be displayed.

Available options shown in the configuration include:

If no option is selected, the label can remain visible on the applicable cart, mini-cart, and checkout areas when those locations are included in Display On.

Frontend user experience

Product labels are displayed directly on product images or product presentation areas, allowing customers to identify important product information while browsing the store.

Category and product listing pages

On category pages, labels can appear directly on product tiles.

For example, a store can display labels such as:

The label position can be configured by the administrator using the label position settings.

Labels can be displayed independently for different products, allowing customers to quickly identify products associated with specific promotions or characteristics.

Product detail page

On the product detail page, the label can be displayed alongside the product image.

This provides customers with an immediate visual indication of the product's status or promotion before they proceed with the purchase.

For example, a product can display a Featured label above the product image.

Multiple product presentation areas

Depending on the administrator's configuration, product labels can also appear in:

This allows the same promotional or informational message to remain visible as customers move through different parts of the shopping journey.

Label customization experience

Customers see labels according to the configuration defined by the administrator.

Labels can use:

This allows labels to match the visual design of the Magento storefront.

Dynamic label information

Labels can display dynamic product information using supported variables.

For example, a label can be configured to display the product name, SKU, price, special price, stock information, or calculated savings.

This allows administrators to create labels that automatically reflect product-specific information without manually creating separate label text for every product.

Scheduled label visibility

When Active From Date and Active To Date are configured, labels can be displayed only during the specified period.

This is useful for:

Once the configured active period ends, the label is no longer displayed according to the extension's scheduling rules.

Tooltip experience

When tooltips are enabled, customers can receive additional information associated with a product label.

The tooltip can contain static text as well as supported dynamic product variables, allowing customers to see additional product information without leaving the current page.

Validation checklist

Troubleshooting

Product label is not displayed on the frontend

If a configured label is not visible on the storefront:

Label appears on some pages but not others

Check the Display On configuration for the label. The extension supports different product locations, such as:

Make sure the required location is selected.

Also check the Hide Label on Pages configuration for Shopping Cart, Mini-Cart, and Checkout pages.

Product is not included in the label

If a product does not match the label:

Wrong label is displayed when multiple labels apply

If multiple labels match the same product:

Label is displayed for the wrong customer group

Check the Customer Groups configuration of the label.

Make sure the intended customer group is selected and test the storefront using an account belonging to that customer group. Also test the page as a guest if NOT LOGGED IN is selected.

Label is not displayed for child products

For configurable, bundle, or grouped products, check the Use For Child Products setting.

Enable this option when the label should also apply to the associated child products.

Label image is not displayed

If an image-based label is not visible:

Tooltip is not working

If the tooltip does not appear:

Label position or appearance is incorrect

If the label is not positioned or styled as expected:

Label changes are not visible after saving

If changes made in the Admin Panel are not immediately visible:

  1. Save the label configuration.
  2. Clear Magento cache.
  3. Refresh the storefront page.
  4. If applicable, flush the relevant cache types.
  5. Test the page in a private/incognito browser window to rule out browser caching.

Labels overlap or affect the product layout

If labels overlap product content or other labels: