Product Labels

Overview

The Product Labels add-on allows to show unlimited promotional tags like “NEW”, “HIT”, “BLACK FRIDAY”, “CYBER MONDAY”, “NEW SEASON”, “NEW COLLECTION”, “ONLY AT”, “FREE SETUP”, “PRESENT” for products on the product listing page and product details page, which will help you make your business stand out and attract customers’ attention.

The add-on allows you to create and attach an unlimited number of custom labels to products and flexibly customize them. It also replaces default labels with its own ones and allows you to add graphic labels.

Key features

  • create text and graphic labels;
  • attach labels to products on the Add-ons tab of product properties;
  • attach default labels to products using cron job;
  • replace the default labels Sale and Free Shipping;
  • search for labels on the product list in the admin panel;
  • label filters;
  • ability to limit the number of labels displayed according to their priority;
  • change priority when dragging on the label list;
  • settings for displaying labels on different types of grids;
  • ability to customize the look and feel of default and custom labels;
  • labels are displayed on a quick view of the product and on its detailed page, on a homepage and in the lists on the category page.

To learn how to use new functionality, follow quick and easy steps below.

Compatibility

The add-on is compatible with CS-Cart and Multi-Vendor 4.10 and above. PHP 7.1 and higher is required.

The add-on is adapted to the Generation Z Theme, Vanilla Theme, Airy Mobile Theme, Rome Theme Front Pack by Simtech Development and also to Unitheme 2 and Youpi Theme by Alexbranding.

Note

Don’t know what archive to download to install the add-on? Read here.

Support

This add-on is developed and published by Simtech Development Ltd., a CS-Cart developer. You are guaranteed a quality add-on supported by the future versions. If you need help, please contact us via our help desk system.

Managing in the admin panel

Installing the add-on

Install the “Product Labels” add-on on the add-ons list page (“Add-ons” → ”Manage add-ons”). Click the + button in the top right corner, select an archive and click Upload & install. You can now find the installed add-on in the list of installed add-ons, just make sure it is set to Active.

Setting up the add-on

Here are available settings for the add-on:

Label display settings

  • Apply overlay — Enables displaying labels on the product image. When disabled, labels will be displayed next to the name of the product.
  • Position to display — Determines the position of the label on the product image. This setting appears when using overlay. Position can be configured separately for a product details page and product lists of the Grid and List without options types.

Label type settings

  • Maximum number of labels to display - Allows you to limit the number of labels that will be displayed for the product. Labels will be displayed according to their priority. Available for text and graphic labels.
  • Display in column - Allows you to display labels in a column. By default, labels are displayed in a line. This setting is available for text and graphic labels.
  • Font size-Determines the font size in pixels. Available only for text labels.
  • Image width/height - Defines the image size. Available only for graphic labels.

Cron settings

New and Hit labels

New and Hit labels can be assigned automatically using the cron job. You may find all the information needed to configure the cron and automatically add/remove the labels on the Cron tab in the add-on settings.

Note

Only labels that were added automatically are automatically removed. If you added the label manually, it cannot be removed by cron.

New label can be automatically attached to the newly created products.

  • Product in new for (days) - Allows you to specify how many days the product will be considered new.

Hit label can be automatically attached to the best-selling products.

  • Number of possible hits - Determines the maximum number of products to which you can automatically attach a Hit label.
  • Display “Hit” during period - The period for which the number of purchases of products will be calculated.

The recommended frequency for launching the cron job is once a day.

Settings in the block manager

The display of blocks can be customized for specific product blocks with the help of the following settings:

  • Show labels - Turn on / off labels displayfor a specific block;
  • Apply labels overlay - Enables displaying labels on the product image;
  • Position to labels display - Determines the position of the label on the product image if the Apply labels overlay setting is enabled.

Managing labels

You can manage labels on the Marketing -> Product Labels page.

There are 2 types of labels: text and graphic. You may find them on the corresponding tabs. The add-on adds 5 types of labels by default.

  • Hit - Label for highlighting the best-selling products. It can be assigned automatically using the cron.
  • New - Label for highlighting new products. It also can be automatically assigned to all recently created products using the cron.
  • Free shipping - Replaces the default CS-Cart free shipping label. You can adjust the background color and text color or rename the label.
  • Save [discount] - Replaces the default CS-Cart discount label. The background color and text color are customizable as well. It can be renamed. The [discount] in the label name is substituted with the percent of the discount.
  • Only at [company] - Allows you to highlight products that are available only in this store. The label may be renamed. The [company] in the name of the label is substituted with the storefront name.

Note

Default labels cannot be deleted, they can only be disabled. They replace the default CS-Cart labels or add special functionality.

How to create a new label

The administrator can create an unlimited number of custom labels. Click a + button on a Marketing - Product Labels page. A new window with label settings will open.

Text and graphic labels have different settings.

Text labels settings

  • Name-The name of the label which will be displayed on the storefront.
  • Position - The position of the label, its priority. If the number of product labels exceeds the limit for the displayed labels specified in the add-on settings, then those labels with a higher priority will be displayed.
  • Type - Choose the label type (Text or Graphic).
  • Background color - Allows to select the color using the palette and set the transparency of the background color of the text label.
  • Text color - Allows to select the text color for the text label using the palette.

Graphic labels settings

  • Name - The name of the label which will be displayed on the storefront.
  • Position - The position of the label, its priority. If the number of product labels exceeds the limit for the displayed labels specified in the add-on settings, then those labels with a higher priority will be displayed.
  • Type - Choose the label type (Text or Graphic).
  • Image - A form for uploading a graphic label image. The size of graphic labels is common for all labels and is set in the add-on settings.

How to create a label filter

The add-on allows filtering products on the storefront by the labels attached to them. To create a filter, navigate to the Products -> Filters tab, click on + button and select Product Labels in the Filter by field.

The filter will appear on the storefront on the pages with product lists (for example, product categories and search pages) and will contain the names of the labels that are attached to the products in the list.

How to search for products in the admin panel by labels attached to them

The add-on adds the ability for the store administrator to search for products by the labels attached to them. Navigate to the Products -> Products tab, open the advanced search (by clicking the Advanced search button) and select the desired labels in the Product Labels field.

Adding labels to products

Labels can be attached to productы on the Add-ons tab in the product properties.

Bulk labels editing

To add labels for multiple products:

  1. In the admin panel, go to Products - Products.
  2. Select the products you want to edit and click Edit selected.
  1. Select from the list of options available for bulk editing SD: Product Labels
  1. Choose the necessary labels for each product separately, or for all at once by pressing the button Apply values to all the selected products.

Additional functionality for Multi-Vendor stores

How to enable labels for vendors

The add-on provides the site administrator with the ability to set up labels that vendors are allowed to attach to their products. Just follow the simple steps below:

  1. Enable the Allow vendors to attach labels setting in the vendor plan properties.
  1. Select labels that you would like to be available to vendors and tick the Available for vendors checkbox in their settings.

What vendors will see

Vendors who are allowed to use labels have access to the Marketing - Product Labels tab.

They can find all created labels and see which ones they can attach to products. Vendors are not able to change the labels on that page.

Vendors can attach the available labels to products either in the product properties, or by using bulk labels editing.