How to ensure product labels are responsive?
Occasionally, labels may appear excessively large in contrast to the product image when viewed on mobile devices. This problem usually stems from the Label Size setting not being correctly configured.
To ensure your labels remain responsive on mobile devices, access the configuration page of the desired label and proceed to either the Product Page or Category Page tab (depending on where you intend to adjust the label size). Within this section, locate the Label Size setting, which allows you to adjust label sizes as a percentage of the product image. Simply enter the desired value into the field.
Let's review some examples.
Product Pages
Label Size value is set to '20'.
- result on desktop:
- result on mobile:
Category Pages
Label Size value is configured as '25'.
- result on desktop:
- result on mobile:
Related Articles
What are the available GraphQL queries for Product Labels?
The Product Labels extension is read compatible with GraphQL out of the box. To install the corresponding package, please execute the following Composer command: composer require amasty/product-labels-graphql Once the package is installed, the latest ...Can labels be created on a per-store basis?
The Product Labels extension offers the capability to select a specific store where the label will be displayed. To set this up, go to the label configuration page and find the Store View field. Select the desired store view from the provided list. ...I don't see some attributes in the conditions list of labels rules. How can I add them?
Some attributes might not be available in the conditions list when you create a new label. To add an attribute to the labels conditions follow the steps below. Step 1. Navigate to Stores → Attributes → Product, choose the attribute and open the ...We run a promotion and would like to add labels to discounted products. Will the module automatically remove labels from the products when the promotion ends?
Yes, the Product Labels extension adds labels only to those items that match the created conditions. The module allows adding labels to products on sale with the help of the Sale condition, which takes into account both Catalog Price Rules and ...Labels do not appear on the storefront. What might be the issue?
Checking module settings First, extension settings and label conditions should be configured correctly. Please review the configurations following these tips: 1. Make sure to choose the correct attribute in Amasty → Product Labels → choose the label ...
Announcements
⚡ Have you enlarged the functionality of the Amasty extension with your own code? Share your improvements with us!
At Amasty, we understand that some of our clients require customized features to perfectly align the extension with their business needs. If you have developed new functionality within an Amasty module and would like to share it, please submit a ticket