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

[@HannahC-t9q]

Thank you for all your help! If possible, could you do a tutorial on making this so we can add our own text and/or link it to a metafield? rather than linked to the compare-at price

[@bhavinsavla7381]

The percentage shows wrong, in some it shows higher percentage and in some it shows lower percentage, so that the percentage doesn't match with the amount,
Please make updated video and correct this,because if the amount and percentage do not match, it will have a bad effect on the customer, so you should correct this and make another video.
Thank you.

[@johnyoussef6392]

Really Awesome, Thank you for sharing and teaching 😍

[@eyesofHK]

Hello! great video! for me it doesn't actually change the color Of the badge of my DAWN theme when i try to change it into the theme setting? but appear only in RED color. any solution to fix this?🙏🙏

[@ShitalPawar-k9b]

Hi, Please can you guide me sir, on how I can remove sale tag or button from the product?

[@BacharIbrahim-c4s]

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]

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

[@familia.naturescu]

very nice and easy. Best tutorial!

[@bogdanlaketic9441]

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]

You're welcome!

[@askallaboutpinas]

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

[@WebSensePro]

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

[@RaveendraPedada]

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

[@WebSensePro]

You're welcome!

[@ArkSovereignAuthority]

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]

Normal?

[@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

[@pabl1to33]

Great video, however the change of text and % only shows on the product page, and not the collection page..

[@WebSensePro]

It should work fine on collection page as well

[@sg.johnlim]

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]

No

[@akshi3139]

@@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.

[@cristobalagos]

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

[@WebSensePro]

Great to hear!

[@GOURAVsingh-s7h]

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

[@WebSensePro]

Thanks for the sub!

[@hernanr.240]

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]

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

[@alefiyamarchawala3779]

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

[@WebSensePro]

Thanks, please subscribe and share

[@pooja1330]

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]

Will have to remove old codes and add these new ones

[@farrukhrafiq1102]

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]

Add some CSS with media query

[@damaancart]

you are doing great bro jazk ALLAH

[@oiginalnews1]

Could youm please tell me that how can i increase my page speed score on mobile by coding, bcz i tried already many methods and no one works for optimized speed on mobile "Page Speed Score" So kindly it's a humble request from me

[@WebSensePro]

Sure will create a video on that

[@lamagiadelecommerce3603]

Great update. Thank you so much!!

[@WebSensePro]

You are so welcome!

[@syedtarekhasan527]

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

[@WebSensePro]

Sorry can't tell without seeing the code/store

[@farrukhrafiq1102]

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]

Great suggestion!

[@devrim_can]

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

[@WebSensePro]

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

[@rohailshafiq8094]

hi I did not find these files price.liquid and card-product.liquid on my store code can you please help me how I can show sale discount percentage badge on my product.

[@jackslane8634]

Is this possible to do with the prestige theme?

[@WebSensePro]

Yes

[@LesiaEmporium]

Showing discount badge but animation, font size and color not work

[@WebSensePro]

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

[@jayukekan3778]

​​Sir when will you start liquid coding?
​​i am waitting

[@WebSensePro]

No idea yet

[@UntamablePhoenix]

Will this work on Craft theme?

[@WebSensePro]

Yes it will

[@nnolegendary]

How about Dawn 9.0 ?

[@WebSensePro]

That's a very old version

[@some_time_some_whare]

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

[@WebSensePro]

Sure, it will be a long video

[@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

[@nicolasmenhardt3034]

Will it work with motion theme?

[@WebSensePro]

It should but it's not tested

[@whytone-ny1le]

how to add new arrivals tags etc on products

[@WebSensePro]

You can simply change text on this section

[@justame7638]

How do i change to Dollar amount, NOT %

[@WebSensePro]

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

[@justame7638]

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

[@gsj7908]

Brilliant

[@WebSensePro]

Thank you

[@SaadAhmedJamil]

virtual papi accept karain boss RESPECT

[@WebSensePro]

Hahahaha

[@trading_boi]

my theme does not have price.liquid option

[@WebSensePro]

It will work on free themes if you want to add this functionality on paid theme please contact via websensepro.com/contact-us