How to add product badges to show over the product images on the collection grid (Impulse Theme)

[Khl0e]

Hey! Im looking to add badges such as 'Best Seller' 'New10' and 'Buy One Get One Free' to my Shopify store that i can create and change in the meta field section?

Issue i'm facing is a cant figure out the code to add to my store to make this possible!

Any help on how to find this or how to generate the snippet of code, and where to place it also please?
Thanks in advance 😊

[yashgarg]

Hey @Khl0e ,

You can do this easily with custom liquid block. Once you add custom liquid block you can add conditional on that block that if metafield value is not blank, then print the badge otherwise do not. If you want I can do it for your store(for free) and record a Youtube video for it as well for my channel. Let me know if you are okay with that 🙂

Thanks

Yash Garg

[Khl0e]

Hey @yashgarg, Thanks for this! 🙂 

How would it be added to a custom liquid block? 

Let me chat with by Business partner for the YT Video 🙂 

[yashgarg]

Hey @Khl0e ,

Sorry instead of custom liquid block, I meant custom liquid code in card-product.liquid file. It is difficult to reply with exact solution though  since Impulse theme is not a free theme. So I will have to look at the template blocks or code itself to give you the correct solution. If you can give me access, I will be able to do it for you.

Thanks

Yash Garg

[ProtoMan44]

Hi @Khl0e  it's possible with tag base or metafield. you can add luquid code in the product carrd, collection card or page.

[Khl0e]

Hi @ProtoMan44 

How would i find the code for this please? 🙂 

[ProtoMan44]

What theme are you currently using? @Khl0e 

[Khl0e]

@ProtoMan44 The impulse theme, Linked here: https://archetypethemes.co/products/shopify-theme-impulse

[ProtoMan44]

@Khl0e can you please share theme.zip because this theme is paid and I will share the code with you after exercising on it.

[Khl0e]

Amazing of course - how would I supply this please? Sorry I've never done this before! 🙂 

[ProtoMan44]

download the current theme then share it with me. @Khl0e 

[gr_trading]

Hi @Khl0e ,

To create unlimited badges on website plz refer to the below video code is free to use.

Hope this will help...