Here you can find the instructions on how to set the Display Settings of the Smart Product Labels extension.
The Smart Product Labels module allows you to make labels appear automatically according to configured rules.
Category Page Label (based on the default Magento theme):
Product Page Label (based on the default Magento theme):
Display Settings
1. In order to customize the module, click the Stores > Settings > Configuration.
2. Then choose TEMPLATEMONSTER > Product Smart Label in the left side menu and you’ll move to the module settings interface.
This module has 3 options:
- Enable — here you can enable or disable the module if needed.
- In Display Settings, specify containers for product and category pages — Product Page Label Container and Category Page Label Container.
- Product Page Label Container is responsible for displaying the label on the PRODUCT PAGE by the certain container.
3. You need to type the CSS selector in the Product Page Label Container field [e.g. .product-item-info, .product-item-photo or .product-image-container].
The default Product Page Label Container class is .product-media.
*The default Category Page Label Container class is .product-item.
Note the dot (“.”) before the container class. E.g. .product-media.
4. Remember to SAVE the setting.
Check the tutorial below:
How to change the default label container (for Smart Product Label)
