How To Show Discount Sale Badge in Shopify (2024) Updated

No video

How To Show Discount Sale Badge in Shopify (2024) Updated

Рет қаралды 3,807

Күн бұрын

How To Show Discount Sale Badge in Shopify (2024) Updated
Welcome to WebSense Pro! In this tutorial, I'll guide you through adding a percent discount badge to your Shopify store on both the product and collection pages.
In response to your feedback and requests from our previous video, I've created an updated version with additional features. Now, you can customize everything from background color to text, border radius, and even animation, all without touching a line of code or installing any extra Shopify apps.
Shopify Store For Just 1$/Month: shopify.pxf.io...
Code: websensepro.co...
Timestamps:
00:00 - Introduction
00:40 - Demo
05:05 - Editing Code
13:20 - Conclusion
If you want help with Shopify Customization, store development, or any other web development help. Contact us via websensepro.co...

Пікірлер: 59

@bogdanlaketic9441 15 күн бұрын

Thank you very much for your work making these videos! Very helpful! Keep it up, I subscribed as soon as I saw the first video, and now my store looks much better

@WebSensePro 15 күн бұрын

You're welcome!

@damaancart 11 күн бұрын

you are doing great bro jazk ALLAH

@RaveendraPedada Ай бұрын

In my Shopify store half of the settings done by ur classes.....thnx buddy

@WebSensePro Ай бұрын

You're welcome!

@cristobalagos 14 күн бұрын

Awesome content, you help me a lot with all these solutions, best from Chile

@WebSensePro 13 күн бұрын

Great to hear!

@user-ms8iq7cz2f 28 күн бұрын

Thank you for sharing. Can I change the position of the OFF batch on the collection page (Left up not left down as standard) not for the product page. This question is based on your last video of 2023. Thank you in advance

@WebSensePro 26 күн бұрын

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

@GOURAVsingh-s7h 29 күн бұрын

amazing bro i see your first video and subscribe thank you so much for help. God Bless you bro

@WebSensePro 29 күн бұрын

Thanks for the sub!

@askallaboutpinas 28 күн бұрын

Hello. Can we also do this in wordpress? If so, how? THANK YOU!!

@WebSensePro 26 күн бұрын

Please contact via websensepro.com/contact-us for paid support

@hernanr.240 27 күн бұрын

I have followed the instructions, but what could be the reason that only some products show the discount percentage. In others it only shows the on sale label

@WebSensePro 26 күн бұрын

Please contact via websensepro.com/contact-us for paid support

@alefiyamarchawala3779 3 ай бұрын

Sir, your videos are amazing , these video really helped me a lot

@WebSensePro 3 ай бұрын

Thanks, please subscribe and share

@lamagiadelecommerce3603 3 ай бұрын

Great update. Thank you so much!!

@WebSensePro 2 ай бұрын

You are so welcome!

@devrim_can 8 күн бұрын

on home page is showing only sale not the whole writing , what could it be ??

@WebSensePro 6 күн бұрын

Yes it's doable but will have to check the store. Please contact via websensepro.com/contact-us for paid support

@ajaygrover5445 Ай бұрын

i cannot find price liquid file in my theme code , how to find and replace it ?

@WebSensePro Ай бұрын

Please contact via websensepro.com/contact-us for paid support

@farrukhrafiq1102 3 ай бұрын

The smallest font with no padding, gets OK for the desktop version of our store but the mobile screen it covers almost 30% area of the product. Any suggestions on how to make this sales banner show smaller on the mobile version please?

@WebSensePro 2 ай бұрын

Add some CSS with media query

@jackslane8634 11 күн бұрын

Is this possible to do with the prestige theme?

@WebSensePro 9 күн бұрын

Yes

@pooja1330 4 ай бұрын

How do I edit the liquid code if I've already applied code edits from your last video for "How to Show Discount/ Sale Badge' since I can't find the exact code of original theme shown by you to cut and replace. Can you please help me understand how to go about it once we have applied your last video and want to now update it to this video

@WebSensePro 3 ай бұрын

Will have to remove old codes and add these new ones

@syedtarekhasan527 2 ай бұрын

not perfect. in customize page showing 77%, product page showing 22%. whats that MR

@WebSensePro Ай бұрын

Sorry can't tell without seeing the code/store

@Furqanearner Ай бұрын

Hi, Please can you guide me sir how I can show this badge on top not bottom on product card. And how I just show the discount text without background color padding on product pages. Thanks Good video very informative. looking forward for you response. Thnaks again

@WebSensePro Ай бұрын

Please contact via websensepro.com/contact-us for paid support

@MrNowYouKnow 3 ай бұрын

Overall Great Video, I liked the previous one and this one too. The settings you gave a great. The only problem I ran into was that the sale badge was normal on the collection pages. Is there a fix to that?

@WebSensePro 3 ай бұрын

Normal?

@some_time_some_whare 4 ай бұрын

This is really nice........ Sir......and can you make a video on how to increase CRO

@WebSensePro 3 ай бұрын

Sure, it will be a long video

@sg.johnlim 3 ай бұрын

Great video and free codes as always. I noticed on the "all product page", there is no minus sign if there is a sale for a particular product. Think there is a formula error?

@WebSensePro 2 ай бұрын

@akshi3139 27 күн бұрын

@@WebSensePro i think minus sign should not be shown in product page, Its is getting confusion seeing minus sign. please tell how to remove it sir as it is not showing in collection or catalogue page but only in product page.

@justame7638 16 күн бұрын

How do i change to Dollar amount, NOT %

@WebSensePro 15 күн бұрын

Please contact via websensepro.com/contact-us for paid support

@justame7638 15 күн бұрын

@@WebSensePro REALLY? Paid support for this line of code - {{ compare_at_price | minus: price | money }}

@whytone-ny1le 4 ай бұрын

how to add new arrivals tags etc on products

@WebSensePro 3 ай бұрын

You can simply change text on this section

@gsj7908 Ай бұрын

Brilliant

@WebSensePro Ай бұрын

Thank you

@jayukekan3778 4 ай бұрын

Sir when will you start liquid coding? i am waitting

@WebSensePro 3 ай бұрын

No idea yet

@nicolasmenhardt3034 3 ай бұрын

Will it work with motion theme?

@WebSensePro 3 ай бұрын

It should but it's not tested

@SaadAhmedJamil 2 ай бұрын

virtual papi accept karain boss RESPECT

@WebSensePro 2 ай бұрын

Hahahaha

@farrukhrafiq1102 3 ай бұрын

1st of all, excellent and exceptional stuff mate 👏👏👏 keep educating us all. i have 1 question if you could please make a video on that or share link if you already have made. on my store, i have enabled "buy it now" button below add to cart, but when i open the website as a buyer i see "buy with shop pay" or "buy with G-pay" i just want to keep it as "buy now" only. how to remove this buy with shop pay or g-pay? Thanks a bunch in advance bro

@WebSensePro 3 ай бұрын

Great suggestion!