How to add a new product badges

If you are after adding new product badges similar to the Shopify default "Sale" and "Sold out", we've added by default the "New" and "Pre order" badges. You just need to add these tags to your products and the badges will display. 

If you need different badges (like for example "Limited") on some of your products:

  1. Go to the theme editor (read this article for more info)
  2. Choose  snippets/product-item.liquid and in line 142 (or so, depending on your theme version) add this code with your own value for the text- screenshot:
  3. {% elsif product.tags contains 'limited' %}
       <div class="product-item__badge product-item__badge--new badge"><span>Limited</span></div>
    	
  4. Change the 'limited' value after your own desire and then save the file.
  5. From this point, if you tag a product with "limited" - screenshot, you will see this badge in the grid.

In case you need more product badges you can simply repeat the same steps. 

Note: 

  1. "Sold out" badges will appear automatically if a product has the inventory at 0.
  2. "Sale" will appear automatically when using the "compare at price" option for a product page (please make sure that the old price has a higher value).
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.