How To Add A Best Seller Badge To The Top Of A Product?

I would like to add a ‘Best Seller’ badge to the top of our products like how we currently have a “'Sold Out” badge and an “On Sale” badge. How would I be able to do this?

https://dermaskinshop-testing-2022.myshopify.com/

1 Like

@Boonphei

Kindly try out this app, this will help you.

https://apps.shopify.com/product-badges-labels

thank you.

Hi there, thanks for the sharing. If I want to just add the tag to the according to product and display out the badge was it workable? https://i.imgur.com/xHxkch9.png .

@Boonphei

No, it can work you have to customized it by code.

{% for tag in product.tags %}
      {% if tag == 'Best seller' %}
       
Best seller
      

      {% endif %}
      {% endfor %}

use like this.

@Boonphei

you are looking like this badges.

Hi Mr_RaviRaj, yes let me provide you with a screenshot here. After I have inserted the code you share into my coding I was unable to display the best seller badge. Could any way check why?

Hi there, just now was the zip file uploaded.

@Boonphei

you need to hire a developer to add this by custom code.
or i have shared a app link by which you can add this badges.

https://apps.shopify.com/product-badges-labels

https://apps.shopify.com/product-labels-by-bss

@Boonphei

thank you.
let me know if you need any more help.

@Mr_RaviRaj

Hi there, thanks for the information provided.

Hey @Boonphei . I hope you are doing good.

I noticed that you want to add badges in your store.

We have developed an app (Modemagic) that will help you do the same and many other processes (automation/product labels/banners/feature cards etc) on your catalog/product pages within seconds.

No complex edits, no back & forth with designers are required.

And if you don’t find a sticker/badge/banner that meets your need, reach out to us on chat for a custom design. We also create them in various languages. Check out the app on Shopify here. We have a free trial available as well so your can test out the app :slightly_smiling_face:

Hope this would help easen up the process. Thanks :slightly_smiling_face: