{"id":14580,"date":"2020-12-09T13:00:22","date_gmt":"2020-12-09T13:00:22","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/?post_type=ht_kb&p=14580"},"modified":"2025-06-25T10:54:37","modified_gmt":"2025-06-25T14:54:37","slug":"magento-2-product-labels-extension-v1-x-configuration","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-product-labels\/v1\/configuration","title":{"rendered":"Magento 2 Product Labels v1.x Configuration"},"content":{"rendered":"\n

Configuring Magento 2 Product Labels v. 1.x<\/h2>\n\n\n\n

General<\/h3>\n\n\n\n

Here you will learn how to configure Magento 2 Product Labels<\/a> v1.x extension correctly. Follow the steps below.<\/p>\n\n\n\n

In the main menu go to \u201cPlumrocket\u201d tab > select \u201cProduct Labels\u201d extension > navigate to \u201cConfiguration\u201d section.<\/strong><\/p>\n\n\n\n

\n

Step-by-Step actions:<\/p>\n\n\n\n

  1. \u201cEnable Extension\u201d:<\/strong> this option allows you to enable or disable this Product Labels extension.<\/li>
  2. \u201cSerial Key\u201d:<\/strong> enter the unique serial key provided to you after purchasing the extension. Note<\/strong>: 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<\/a><\/strong> article.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
    \"Magento<\/figure>\n\n\n\n

    Display Settings<\/h3>\n\n\n\n
    \n

    Step-by-Step actions:<\/p>\n\n\n\n

    1. “Show Multiple Labels In The Same Position<\/strong>“: 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<\/strong>: remember to prioritize labels in the “Edit Label Rule<\/strong>” section. When overlapping, only labels with higher priorities will remain visible to a customer. <\/li>
    2. “Display On<\/strong>“: choose one or more areas to display product labels there.<\/li>
    3. “Label Container Selector On Product List<\/strong>“: 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.<\/li>
    4. “Label Container Selector On Product Page<\/strong>“: 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.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
      \"Magento<\/figure>\n\n\n\n
      \n

      Important Note for Hyv\u00e4 Theme Users:<\/p>\n\n\n\n

      If you plan to use the Magento 2 Product Label extension on the Hyv\u00e4 theme, please be aware that the Label Container Selector On Product List<\/strong> and Label Container Selector On Product Page<\/strong> configurations should be as follows:
      – Label Container Selector On Product List: form.product .product-item-photo<\/strong><\/em>
      – Label Container Selector On Product Page: .grid.grid-rows-auto #gallery [aria-live=’polite’]<\/strong><\/em><\/p>\n<\/div><\/div>\n\n\n\n

      Developer<\/h3>\n\n\n\n
      \n

      Step-by-step guide:<\/p>\n\n\n\n

      1. “Improved Label Initialization<\/strong>“: enable (recommended) to add JavaScript only to the first rendered label. This ensures better optimization.<\/li>
      2. Save <\/strong>the changes.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
        \"Magento<\/figure>\n\n\n\n

        Managing Labels<\/h2>\n\n\n\n

        In the main menu go to \u201cPlumrocket\u201d tab > select \u201cProduct Labels\u201d extension > navigate to \u201cManage Labels\u201d section.<\/strong><\/p>\n\n\n\n

        Product Labels<\/h3>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        Edit Lable Rule or Add Label<\/h3>\n\n\n\n

        Open this section by clicking on the “Edit” button in the “Product Labels” section. The same configurations are displayed when you click on “Add Label” in the same section. Follow the steps below to learn how to configure product labels.<\/p>\n\n\n\n

        \n

        Step-by-Step actions:<\/p>\n\n\n\n

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

          Step-by-Step actions:<\/p>\n\n\n\n

          1. “Label Type<\/strong>“: choose the type of the label: Text, Shape, or Image.<\/li>
          2. “Position<\/strong>“: 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<\/strong>: you can set a custom position using CSS styles in the “Custom Styles” box below.<\/li>
          3. “Label Image<\/strong>“: select a label image out of 40+ available in the extension.<\/li>
          4. “Label size<\/strong>“: enter the width of the product label image.<\/li>
          5. “Text<\/strong>“: type the text of the label here.