Use ID/class to change the position of badge/label on front store

Estimated reading: 1 minute 143 views

Steps to manage 

1. From the app admin page, click Badges and Labels 

2. Go to the badge detail you want to edit

3. In Settings tab > scroll down to Design Position

4. In the Position dropdown, select Custom option

5. Enter the ID/class into the field to change the position of the badge on the page you want

For example:

  • you add a HTML  tag > add a class: .product-block–price on the product 
  • then you add the class to the Position in product page field in the app as screenshot below
  • the badge will show up right below the class you add on the product page 



6. Click Save 

7. Check the result on the front store

If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address


We are always willing to help with all sincerity!



Leave a Comment