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

Khl0e
Shopify Partner
6 0 3

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 😊

Replies 10 (10)

yashgarg
Shopify Partner
102 26 32

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

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com
Khl0e
Shopify Partner
6 0 3

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
Shopify Partner
102 26 32

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

If this works for you, please give it a like and mark it as the solution! Thanks 🙂
Feel free to contact me for Shopify tech support
Email: yashgarg.tech@gmail.com

ProtoMan44
Shopify Partner
146 13 23

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

- A thirsty developer passionate about supporting the community. If you'd like to, you can buy me a

Coffee

.
- Your Shopify Solution Specialist Get a Quote at Dev444- Whatsapp +92-3046185085
Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
Khl0e
Shopify Partner
6 0 3

Hi @ProtoMan44 

 

How would i find the code for this please? 🙂 

 

ProtoMan44
Shopify Partner
146 13 23

What theme are you currently using? @Khl0e 

- A thirsty developer passionate about supporting the community. If you'd like to, you can buy me a

Coffee

.
- Your Shopify Solution Specialist Get a Quote at Dev444- Whatsapp +92-3046185085
Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
Khl0e
Shopify Partner
6 0 3
ProtoMan44
Shopify Partner
146 13 23

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

- A thirsty developer passionate about supporting the community. If you'd like to, you can buy me a

Coffee

.
- Your Shopify Solution Specialist Get a Quote at Dev444- Whatsapp +92-3046185085
Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
Khl0e
Shopify Partner
6 0 3

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

ProtoMan44
Shopify Partner
146 13 23

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

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can buy me a

Coffee

.
- Your Shopify Solution Specialist Get a Quote at Dev444- Whatsapp +92-3046185085
Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!