Product Labels
Overviewβ
Product Labels extension offers the feature that helps store owners display images, labels, characters, symbols on the products. This feature brings the customers the intuitive interface that allows them to know that Which products are being got the sale off and what percentage of sales is, etc. Also, when you integrate this module, store owners can easily attract customers to the best-selling products or products that they are planning for marketing to increase sales and revenues for their online stores.
Outstanding Featuresβ
Outstanding Features | Description | |
---|---|---|
1 | Customize eye-catching product labels | Customers can create their labels with various attributes or choose their favorite pre-made templates as well. These labels can be added to different pages, including the product page, product listing page, and search page. That helps increase the shopping experience. |
2 | Apply the label display for many products | With our modules, customers can save time and reduce the workload for admins because they do not have to manually and repetitively apply one label several times. |
Installation Guideβ
We offer two methods for installing our plugins: the Copy & Paste method and the Composer method. Please follow the detailed instructions provided below.
Method 1: Installation via Copy & Pasteβ
To install our plugins using the Copy & Paste method, kindly follow the instructions at the link below:
How to Install Magento 2 Extension via Copy & Paste
Method 2: Installation via Composerβ
Composer name: mageplaza/module-product-labels
To install our extensions using Composer, please refer to the comprehensive guide at the link below:
How to Install Magento Extension via Composer
By following these guides, you can ensure that the installation process is handled correctly, allowing you to fully utilize the features and benefits of our plugins.
Module Update Guideβ
Keeping your module updated ensures optimal performance. Follow one of these steps to update your module:
- By Account Dashboard: Log in to your
Mageplaza account > go to the My Licenses section > click on the Download button > choose the latest version from the popup
. - By composer: Kindly use the following commands to update the module via composer
composer require mageplaza/module-product-labels
php bin/magento setup:upgrade
php bin/magento setup:di:compile
Updating a module by Composer ensures efficient dependency management, version control, and integration with development tools, making the process faster and more reliable.
II. How to configureβ
From the Admin Panel, go to Content > Product Labels > Configuration
Configurationβ
From the Admin Panel, go to Content > Product Labels > Configuration
Generalβ
- Enable: Choose Yes to use this module
- Limit The Number Of Labels Per Product: Enter the number of labels that can be displayed on each product. The default value of the field is 2. If left blank, the number of labels displayed per product is not limited.
- Show Labels On Pages: Select one or more pages to show labels on the frontend. Pages that are not chosen will not display any labels.
- Show Labels with Related Products: Select Yes to display labels of Related Products on the Product Details page
- Show Labels with Upsell Products: Select Yes to display labels of Upsell Products on the Product Details page
- Show Labels with Cross-sell Products: Select Yes to display labels of Cross-sell Products on the Product Details page
- Hide Label when Variable equal to zero: Select Yes to hide labels when the value of the variable is 0 or the variable name is incorrect
On Sale Product Setting
- Min Value of Discount Amount Variable: The minimum value of the {{discount}} variable shown in the label.
- Min Value of Discount Percentage Variable: The minimum value of the {{discount_percent}} variable shown in the label.
- Rounding Method of Discount Percentage: The value of Rounding Method applied to the {{discount_percent}} variable can be changed with all label display rules.
- Normal: The number of points converted from the currency (USD, EUR, β¦) will be rounded according to the normal rule. E.x: 10.2 rounded to 10; 10.8 rounded to 11.
- Rounding Up: The number of points converted from the currency (USD, EUR, β¦) will be rounded up. E.x: 10.2 or 10.8 is rounded to 11.
- Rounding Down: The number of points converted from the currency (USD, EUR, β¦) will be rounded down. Ex: 10.2 or 10.8 is rounded to 10.
New Product Setting
- How to set the New Products: There are 2 ways to set products as new products:
- New from Date and New to Date
- Create date product:
- Number of Days: The maximum number of days from the Create day of product until today, which depends when
How to set the New Products = Create Date
- Number of Days: The maximum number of days from the Create day of product until today, which depends when
Stock Status Label Setting
- Displays Label When The Product Is Out Of Stock: If Yes, the out of stock products are only sticked with the βOut of Stockβ Label.
- βOut of Stockβ Label: Select a label to display with out of stock products
Manage Rulesβ
From the Admin Panel, go to Content > Product Label > Manage Rules
Create New Feedβ
- Step 1: Fill in the full information in the
General
section - Step 2: Set the condition to apply the label display for the products in the
Where to Show
section - Step 3: Design labels and images on the product in the
label design
section
Step 1: Fill in the full information in the General
sectionβ
- Name: Enter the name of the item
- Status: Choose
Enable
tΓ΄ display the label on the product - State:
- State includes 4 statuses: NONE, QUEUE, RUNNING, DONE. When a new rule is created, the status is NONE
- The change of the state depends on the date that you apply the rule
- Store View:
- Only the selected products in the store display the label
- Allow choosing many stores simultaneously
- Customer Group(s):
- Only the selected customer groups can see the label displayed on the product
- Allow choosing many groups simultaneously
- From Date: Choose the start day displaying the label on the product
- To Date: Choose the finish displaying the label on the product
- Stop further processing: Choose Yes to limit the number of the rule that applied for a product (based in the priority and ID)
- For example: Whether there are 4 rules created as Rule 1, Rule 2, Rule 3, and Rule 4 and the priority respectively is 0, 5, 3, 3.
- All rules are set as
Stop further processing = No
. This means that all rules are applied. - Edit the Rule 3, and choose
Stop futher processing = Yes
. After you Apply Rule, the rules are applied as Rule 1 (has the higher priority) and Rule 3. Rule 2 (the priority is lower) and Rule 4 (created later) are not applied.
- All rules are set as
- For example: Whether there are 4 rules created as Rule 1, Rule 2, Rule 3, and Rule 4 and the priority respectively is 0, 5, 3, 3.
- Priority:
- Enter priority for synchronizing objects
- The smaller the input number, the higher the priority. Items have the equal priority, the priority will be based on ID.
Step 2: Set the condition to apply the label display for the products in the Where to Show
sectionβ
- Best seller: Choose Yes to auto-assign the label for the bestselling products
- New Products: If Yes, display label on all products that are new products and meet the conditions
- On Sale Product: If Yes, display label on all products are on a discount or Special Price and meet the conditions
- Limit: Enter the maximum number of best-selling products automatically labeled
- You can customize the product displayed the label by selecting the products shown below after clicking the
Preview Product
button or selecting the products of the category that will be displayed the label. You will see all products meet the conditions in thePREVIEW PRODUCTS
field
Step 3: Design labels and images on the product in the label design
sectionβ
Design the labels and images for the product on the Product Page
- Template: Choose the template displaying on the product
- Image: Choose the images displaying on the product
- Image Size:
- Enter the length and width of the image
- If you use the available template, the length and width of the image will be automatically loaded when you load the template
- Show Label if Stock is lower than: The label will be shown at the products having fewer stocks than the entered number. If left empty, the label will be shown at all products that follow the rule.
- Label:
- Fill in the label displaying on the product
- Only support some following variables:
- {{discount}}: Discount amount
- {{discount_percent}}: Discount percentage
- {{current_price}}: Original Price
- {{attribute_code}}: Any product attribute code
- Font family: Choose the text font for labels
- Font size: Enter the size of labels
- Label color:
- Choose the color for labels
- The default color will be changed according to the template
- Custom CSS: You can edit the labels as your want
- Select position: You can edit the display position of labels here by moving the mouse or edit the display position of labels by choosing the positions respectively with the squares on the side.
- Tooltip: Enter text for tooltip shown when hovering on the label.
Design the labels and images for the product on the Product Listing
(the label will display on the product in the Category, Search Page or Layered Navigation if your website installs Layered Navigation extension of Mageplaza.
- Same design with product page
Same design with product page = Yes
: Auto-get the design the same as withProduct Page
aboveSame design with product page = No
: Display the design the same asProduct Page
above and admins can edit arbitrarily
III. Frontendβ
Display on the Product Listingβ
Display on the Product Pageβ
Display on the Mini Cartβ
Display on the Shopping Cart Pageβ
Display on the Checkout Pageβ
Display on the One Step Checkout Pageβ
IV. Advanced Settingsβ
APIβ
Product Labels extension of Mageplaza supports the use of the Rest API to view a detailed list of all labels that the admin has created.
GraphQLβ
Run the following command in Magento 2 root folder:
composer require mageplaza/module-product-labels-graphql
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
To start working with Product Labels GraphQL in Magento, you need the following:
- Use Magento 2.3.x. Return your site to developer mode
- Install chrome extension (currently does not support other browsers)
- Set GraphQL endpoint as
http://<magento2-3-server>/graphql
in url box, click Set endpoint. (e.g. http://develop.mageplaza.com/graphql/ce232/graphql)
View Mageplaza-supported queries here
V. Widgetβ
Step 1: Select the Typeβ
- On the Panel Admin, go to
Content > Elements > Widgets
- In the upper-right corner of Widgets workplace, click on the Add Widget button.
- In the Settings section:
- Choose Mageplaza Product Labels type in the Type box.
- Choose the current theme you are applying in the Design Theme.
- Click the Continue button.
Step 2: Complete the Storefront Properties sectionβ
In the Storefront Properties section:
- Enter Widget Title for the internal reference.
- Assign the block to all store views in the Assign to Store View field or to any store view you want to apply the block.
- Set the Sort Order if many blocks are placed at the same container. The block is at the top if the inserted value is zero.
In the Layout Updates section, click on Add Layout Update to set the layout.
Step 3: Widget Optionsβ
- Click the button Select Label⦠to select label
You can also add widget on Pages or Blocks via Insert Widget
FAQsββ
Support and Assistanceβ
1. Customer Supportβ
For any assistance, please visit our Support page or email us at cs@mageplaza.com/ sales@mageplaza.com
2. Create a Ticketβ
If you have technical issues, please open a ticket at this link.
Operating Hoursβ
Our support team is available during the following hours:
- Monday to Friday: 8:00 AM - 23:59 PM
- Saturday: 8:00 AM - 12:00 PM
- Sunday: Closed
Refund Policyβ
We understand that sometimes things don't go as planned. Please review our refund policy for detailed information: Refund Policy Link
Frequently Asked Questions (FAQ)β
For quick answers to common questions, please visit our FAQ page: FAQ Page Link