We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Adding badges to product cards and product page

Adding badges to product cards and product page

Scott-Rae
Tourist
3 0 1

Hello! I would really appreciate some help. I am using the Craft template and would like to add badges to the product cards to have 'sale' / 'bestseller' / 'new' etc. 

 

I've set up badges on the products themselves using the product metafields. But can't work out how I would be able to add these to the product cards eg product grids and also on the product pages themselves. 

 

Can anyone help?

 

I'm hoping to achieve something like this: 

 

Screenshot 2025-02-04 at 15.16.30.png

Replies 4 (4)

Moeed
Shopify Partner
7764 2082 2568

Hey @Scott-Rae 

 

For that, you would have to manually add those metafield in your main-collection.liquid file. It will require some custom coding in your theme files so if you're not familiar with coding then I would highly recommend you to hire a Shopify developer who can add those badges for you. Feel free to connect with me if you want me to help you out and I would be more than happy to give you a helping hand.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Scott-Rae
Tourist
3 0 1

Ah thanks @Moeed 

Bundler-Manuel
Astronaut
1195 56 141

Hello there Scott @Scott-Rae  I recommend trying out these steps here

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.
  3. Click Theme settings -> Product card -> Product badges.
     Let me know if these work for you!
Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.
Scott-Rae
Tourist
3 0 1

Hey @Bundler-Manuel thanks for your help, I unfortunately don't have this option in my theme settings! 

 

Screenshot 2025-02-04 at 15.57.19.png