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

Estimated reading: 1 minute 473 views

Steps to manage 

1. Open the app > click Badges and Labels > open the badge/label you want to edit

2. Click the Settings icon on the left > scroll down to Design Position > select Custom option

3. 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 the product page field in the app as screenshot below
  • The badge will show up right below the class you add to the product page 

4. Click Save to update the changes.

Need support?

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

Leave a Comment