In this article:
About Product Label
Install Product Label
Select product to display labels
Why my Product Label is cropped?

1. About Product Labels

Product label allow you to add customized labels for each product. You can either choose to use your own customized words as a label or select an existing label image. Therefore, it will attract customers with your product labels and deliver a short message to customers.

Before:



After:



2. Install Product Label

Step 1 : EasyStore Admin> Apps > More Apps > Search for: Product Label > Install the app



Step 2 :  Select Add Label



Step 3 : Insert your label name & display method

Use label name as label
Select an image as label
Insert Image link as label

If you select Use label name as label display method, you can select your :
preferred label background colour
label text colour
font size
label shape



If you select Select an image as label display method, you can directly choose and select the image label that has been provided.



If you select Insert Image link as label display method, you can copy the image url and paste it in the Label link column.

Kindly be informed that the recommended size would be 56px x 56px



Step 4 : You can select the label position for these 3 display method



💡 Tips : You can preview the outcome at the right side of the Product Label page



Step 5 : Save changes and you're all done!

Here's the final result :



3. Select product to display labels

Step 1 : Click into Products > Select product > More Actions > Manage Product Label



Step 2 : Choose Applied label and select the product label that you wish to display for your products

💡 Tips : If you wish to remove the label from the product(s), you can click on '_Choose one action_' and select '**Remove Label**' > Save



Step 3 : Tick on the product(s) that you wish to display the product label



Step 4 : Click Save and you have successfully added the product label!

4. Why my Product Label is cropped?

These steps are for those who are using these theme templates:
WAVE
X-FORCE
LUCKY

Step 1 : Click Channels > Online Store > Edit Source and select theme.scss file

Step 2 : Look for .grid-link around line 4400+ and remove overflow: hidden; > Save



Result:

Updated on: 23 / 09 / 2022