How to add labels like NEW , BEST SELLER to my products page

[Anonymous]

Is there any way to add labels like New , Best Seller to my products page in my website like this

I have added the tags New  and Best Seller to the products , but still it is not showing. Please do assist.

SITE URL :: https://itpp637zlcr0qbo1-71493648693.shopifypreview.com

[Dan-From-Ryviu]

Hi @Anonymous 

You can use an product labels app or customize your code to do that. 

If you do not know how to code, you can find an app from here

https://apps.shopify.com/search?q=product%20label

[Anonymous]

Can you share the code for that or tell me where to edit the code .

Thank You!!

[Dan-From-Ryviu]

I can't give you the code but I can tell your steps.

Add tag new or best-seller for products that you want to show badge, go to your product list liquid file, add code to check if product contain those tags, add custom HTML badge and then you need to add customize CSS code to make badge appear in place that you want. 

[Anshul_arora]

Hello @Anonymous ,

I understand that you are looking to display the New & Best seller labels/badges on the products listed on Product Listing page.

Shopify App store provides some of the Free app for implementing the labels/badges on the products.

- https://apps.shopify.com/product-labels-badges
- https://apps.shopify.com/product-labels-by-bss
- https://apps.shopify.com/product-labels
- https://apps.shopify.com/product-labels-badges-samita
- https://apps.shopify.com/magic-badges-myshopkit

Kindly take a look and let me know if it helps you.

Thank you.

[gr_trading]

Hi @Anonymous 

Edit your main-product.liquid file put the below code to show the tag.

{% for t in product.tags %}

{% if t contains 'bestseller' %} 

   Bestseller 

{% endif %}

{%

endfor %}

You can place multiple if statement for different tags.

Hope this will help...