Add Best Seller badge on product to collection page

gwilliams
Pathfinder
153 0 34

Hello

I am looking to see if it's possible to add a 'best seller' badge to certain products (I have put a mock up together attached to show what I would like with the badge appearing on the right hand side of the product image).

I have added a best seller tag to the products that I want the badge to be featured on, but I'm not too sure how to implement this using code. 

https://display-sign.co.uk/collections/poster-snap-frames

I am using the Debut theme.

Any help or assistance will be much appreciated.

Screenshot 2021-06-24 at 11.16.24.png

Replies 17 (17)

KetanKumar
Shopify Partner
36839 3635 11972

@gwilliams 

thanks for it

can you please check your theme setting?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
gwilliams
Pathfinder
153 0 34

Hello

What would you like me to check on my theme settings?

KetanKumar
Shopify Partner
36839 3635 11972

@gwilliams 

yes, please

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
gwilliams
Pathfinder
153 0 34

What am I checking for?

KetanKumar
Shopify Partner
36839 3635 11972

@gwilliams 

theme setting product gird item show badge or best sale text if not so it can be done some custom code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
gwilliams
Pathfinder
153 0 34

Yeah, I don't think I have these options.

KetanKumar
Shopify Partner
36839 3635 11972

@gwilliams 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jrhewhite
Tourist
7 0 8

All I'm looking for is where to customise the code. I'm using the Debut theme. 

KetanKumar
Shopify Partner
36839 3635 11972

@jrhewhite 

what's issue and how do you have like customization?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jrhewhite
Tourist
7 0 8

I am trying to add the best seller badge as well. I am really looking for some crumbs to point me in the right direction of where to put the code. I already have some code and was successful with adding a "sale" badge to my products along with customising the standard Shopify "sale" badge and now I am trying to add "best seller" and then i want to add "hot product" or "selling fast" or something along those lines but I am just focusing on 1 at a time

KetanKumar
Shopify Partner
36839 3635 11972

@jrhewhite 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jrhewhite
Tourist
7 0 8
KetanKumar
Shopify Partner
36839 3635 11972

@jrhewhite 

thanks 

i can see now sale tag do you need one more right>

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jrhewhite
Tourist
7 0 8

@KetanKumar 

I have some code that will allow for badges in the corners, top/bottom which I want "hot product" or "selling fast" or something along those lines but I what I don't know is where to look for the code. Shopify already shows reports of most viewed and sold products so at least I should be able to capitalise on that code which at least that is a start. I just want to know where to look for the code. Paste, save, refresh and undo will do the rest.

KetanKumar
Shopify Partner
36839 3635 11972

@jrhewhite 

product gird item or product gird, or product card 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

jeffromsquid
Shopify Partner
10 0 1

Hello, I am looking for this exact same feature if you could share with me the solution

KetanKumar
Shopify Partner
36839 3635 11972

@jeffromsquid 

can you please send store url so i will check and let you know

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing