How To Show Sale Discount Percentage In Shopify

Поделиться
HTML-код
  • Опубликовано: 30 окт 2024

Комментарии • 331

  • @EstefaniaLezametaMino
    @EstefaniaLezametaMino 4 месяца назад +19

    just fyi, in my case it was card-product because there wasn't any product.card it's the same and it worked amazing! it was in the line 140 (just in case someone has the same issue)

    • @OnHOWGuy
      @OnHOWGuy  4 месяца назад +1

      Clever girl, yeah i always do reply to people who saying they cant find the file and i did update the description as well, its always the same name but slightly different, product-card card-product main-card-product..... it depends on the theme and the update.
      Thank you so much for your input.
      Cheers

    • @bebejrecipe8149
      @bebejrecipe8149 2 месяца назад

      You helped me too:)4

    • @AnoosyLtd
      @AnoosyLtd 2 месяца назад

      This comment is very helpful. Thank you

    • @purpleheartdesign9014
      @purpleheartdesign9014 2 месяца назад

      thanks!

    • @pabl1to33
      @pabl1to33 Месяц назад +2

      @@OnHOWGuy Hi , could you answer the question that many of us have: The code does not change the % in the actual product page, only on the product collection page. If you could make another video or comment on how to do that please.

  • @EmileAfriq23
    @EmileAfriq23 11 месяцев назад +8

    You are the realest RUclipsr ever damn..... explicit explanation and everything worked so well🙏😍❤️I love you man

    • @OnHOWGuy
      @OnHOWGuy  4 месяца назад

      Haha thank you so much and i love you too

  • @FlexxFlickss
    @FlexxFlickss Год назад +4

    Thank you very much, I was looking for how to do this and could not find it, only you could help me this is a really cool! Thanks again

    • @OnHOWGuy
      @OnHOWGuy  Год назад

      You're very welcome, yeah i got this requested many times so here is for you.
      Cheers

    • @kellysjewls
      @kellysjewls 11 месяцев назад

      Wish this worked.

  • @Trend_Wonders
    @Trend_Wonders Год назад +3

    This guy is so LEGIT ! You are the best my good sir ! i have watched the whole playlist and understood everything , you made it look so easy! The only video i missed was about adding a wishlist icon in the header an on the products. It would be very nice if you ever would make a video about that subsject :D

    • @kellysjewls
      @kellysjewls 11 месяцев назад +1

      Too bad this video has a non-functioning solution. 💔 Would love a new solution.

    • @AshpreetKohli
      @AshpreetKohli 4 месяца назад

      @@kellysjewls ruclips.net/video/HGWcMEyVs_s/видео.html&ab_channel=WebSensePro

  • @garyjordan3644
    @garyjordan3644 2 месяца назад

    You, sir, are a coding genius and I always enjoy your presentations!! I only WISH I had your computer coding knowledge!! KUDOS to you and THANKS a million for this video...worked like a CHAMP for me!! Looking forward to all your videos!

  • @webcary
    @webcary 8 месяцев назад +1

    Thank you friend, You are nice and wise.

  • @EnrichedPerspectives
    @EnrichedPerspectives Год назад +3

    Amazing! Thank you for this great solution. For me it works on the home page, but when I go on the product page is only says sale again. Other than that, great work!

    • @mar__ina_
      @mar__ina_ 11 месяцев назад

      I have the same problem. Can you help us with that? Thanks!

  • @csmith3000
    @csmith3000 8 месяцев назад

    Thanks Anas… you always come proper! Great videos man. It worked great on the collection page and for those who tried it on the product page to avoid a divide by 0 you need to edit the variables when you put it on price.liquid.

  • @sor212
    @sor212 9 дней назад

    Hi, what would be the code if you want to change the text with a word BEFORE the percentage? Where would you put that word in the code? Example: "Bespaar 30%" instead of 30% off" Thank you in advance!

  • @rayzen235
    @rayzen235 Год назад +1

    Thank you, bro! It worked fantastic.

  • @LuxoLungs
    @LuxoLungs Месяц назад +1

    how do i do it so it shows on the product page aswell, its only showing on the collection page for me

  • @zakariatech
    @zakariatech 2 месяца назад

    You're a great man bro, keep up, the good work.

  • @gabrielamartin
    @gabrielamartin 11 месяцев назад

    thank you so much you saved my life!!!!

  • @ShengBelmonteOfficial
    @ShengBelmonteOfficial 11 месяцев назад +7

    I can't find product-card liquid anywhere on my dawn themed store. Anyone has stumbled same problem? How did you find it or did you add it? TIA

    • @Arq.dianagomez
      @Arq.dianagomez 5 месяцев назад

      I couldn't find it either, I found card-product.liquid in my theme. I'm trying to do it with it, but I don't know if it is the same.

    • @tijnstroeve7823
      @tijnstroeve7823 5 месяцев назад

      card-product

    • @BeamNGThingss
      @BeamNGThingss 4 месяца назад

      @@tijnstroeve7823 thanks

    • @gabrielronnavi1223
      @gabrielronnavi1223 Месяц назад

      @@Arq.dianagomez it can work here as well. I tried.

  • @yvonnedarkbeauty851
    @yvonnedarkbeauty851 4 месяца назад

    You are awesome🤩 and you explain everything sooo good!😊

    • @OnHOWGuy
      @OnHOWGuy  4 месяца назад +1

      Thank you so much

  • @zarazulfiqar-kv3vr
    @zarazulfiqar-kv3vr Год назад +2

    Sir when i open number 133 it shows not the same code that you shows us what should i do? Kindly help me

  • @samirelmoughrabi5840
    @samirelmoughrabi5840 9 месяцев назад

    Another solution form Anas, keep going bro!

  • @felipebascunantips
    @felipebascunantips 3 месяца назад

    this works flawlessly, THANKS

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад

      Really glad to hear that and You're very welcome.
      Cheers

  • @PawsEssential
    @PawsEssential 8 месяцев назад

    Love this simple and ez👍

  • @UDiAudio
    @UDiAudio 5 месяцев назад +1

    Thanks for the video. It worked in the cards but when viewing the product page it still shows 'Sale'.. I'm using Refresh theme..

  • @fernandesmarcos1829
    @fernandesmarcos1829 8 месяцев назад

    Thank you very much! Your videos have been very helpful to me. I would like to know how to change the color of the Discount Percentage in the Sale.Thank you and all the best for you.

  • @NowOasis
    @NowOasis Год назад

    Thank you so much bro! Love you!!! 🥰

  • @BrainBites-og2zk
    @BrainBites-og2zk 5 месяцев назад

    for everyone seeing this video later, you don't need to copy and paste the old code into pastebin or anything. You can just click on "last updated" and choose original since it saves every change and the previous version of it

  • @ViralVision-l6d
    @ViralVision-l6d 9 месяцев назад

    You're amazing, Keep up the good work

  • @franziskaschonebeck9817
    @franziskaschonebeck9817 8 месяцев назад

    Thank you for your very helpful Videos. I have a question. Is there any Option to get different types of this Label? For example instead of the sale percentage the description "New in Store" or "supersale" depending of the Tags or something else. I would looking forward to get a Response of my question. Thank you and all the best for you.

  • @aribencanaan
    @aribencanaan 3 месяца назад

    I LOVE YOU!!!!!!! Thanks from Lima, Peru

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад +1

      I love you too, Ohhh a peruano.
      Much respect to people of Peru.
      Cheers

  • @styleflea9927
    @styleflea9927 Год назад

    it worked! thanks man

  • @DeepSleepMindspace
    @DeepSleepMindspace Год назад

    I love you !! Thank you!!

  • @RuslyBrusly
    @RuslyBrusly Год назад +2

    Very Nice! Keep up the good work!

    • @OnHOWGuy
      @OnHOWGuy  Год назад

      Thanks, no worries i will.
      cheers

  • @AwesomeFolksHealthyLiving
    @AwesomeFolksHealthyLiving 10 месяцев назад +1

    Hi there, I just came across your page. I tired using the method you teach but I can't find that product-card thing.. seems shopify has updated it. Pls help. Thanks.

  • @HennieG-mo5de
    @HennieG-mo5de 22 дня назад

    Hello Anas, could you help me because the discount percentage in shopify dawn product page works, but somehowe= i can't get it to work on the other page, what am i doing wrong?

  • @f-minus2438
    @f-minus2438 9 месяцев назад

    thanks brother !

  • @BerkayKustemir-je4hs
    @BerkayKustemir-je4hs 7 месяцев назад +1

    hey! I hope you are fine. i did it it is great but it doesn't show the percentages on the product page. what should i do?

  • @duduk1700
    @duduk1700 8 месяцев назад +3

    Hi, I need helpinh figuring out why the product-card doesn't appear on my code... Thanks

    • @Trendi-Verse
      @Trendi-Verse 7 месяцев назад

      Under the new Dawn, it is now card-product.liquid in the snippets section

  • @RMHAccountingExtraLessons_GR11

    thank you brother , it did work out for me.👍👍👍👍, more likes buttons for your videos

  • @abidhassan2541
    @abidhassan2541 4 месяца назад

    it worked, thank you man

  • @myriamfaresdance5231
    @myriamfaresdance5231 8 месяцев назад

    you are the best

  • @bebejrecipe8149
    @bebejrecipe8149 2 месяца назад

    Thanks it worked!!

    • @OnHOWGuy
      @OnHOWGuy  2 месяца назад

      You're welcome!

  • @eliaslahti7375
    @eliaslahti7375 Год назад +1

    Hello! I cant find Product-card:/ is there any other options?

  • @danastiltner4884
    @danastiltner4884 Год назад

    This helped me so much!! Subscribed.

  • @MekyJames
    @MekyJames 8 месяцев назад +1

    thank you, it's work but not on the products page!

  • @rufatabbasov4211
    @rufatabbasov4211 Год назад

    Thanks for your videos!

  • @fgmb4820
    @fgmb4820 Год назад +5

    Hi there, thanks for a lot for your videos! Quick question: if I use another Shopify theme that doesn't have already a "product-cart.liquid" file, can I create the file by myself? Many thanks for your help mate

    • @DarioSierra-us5qb
      @DarioSierra-us5qb 9 месяцев назад +7

      i had the same thing. It was called card-product.liquid

  • @bazil.k5384
    @bazil.k5384 8 месяцев назад

    thanks!

  • @malikfaisalrehman7520
    @malikfaisalrehman7520 6 месяцев назад

    Hi, Please advise me, after pasting and following all the instructions, My code is not working, I means I can't see the changes in sale badge. How I can fix this issue? I scrolled & checked at AI, but no result in my favor, please provide me alternative way how to fix this issue?

  • @MrArnitas
    @MrArnitas Год назад +1

    New subscriber here! Good content, I've watched like 10+ videos already, going down your list seeing what I can do to improve my Shopify store as a beginner. Expect to get some questions from me down the line.
    The only request I'd have is to get to the meat of the video sooner. :D

    • @OnHOWGuy
      @OnHOWGuy  Год назад

      Welcome and thank you, really glad my videos are helpful.
      Whenever you have a question feel free to ask and no worries there is a lot of videos on the way.§
      Cheers

  • @bella-r5w3u
    @bella-r5w3u 8 месяцев назад +1

    hi, I need your help, after follow your instruction, the discount percentage displayed on the homepage but not in the product page. how to solve this problem?

  • @Everythingrelate-able
    @Everythingrelate-able 2 месяца назад

    mine ended up at the top of the picture but it worked thank you

    • @OnHOWGuy
      @OnHOWGuy  2 месяца назад

      You're very welcome and im wondering what theme/version are you using ? Because on the popular free themes its placed correctly.
      Please let me know in new comment as its difficult or me to see replies now.
      Cheers

  • @worldwonders_.
    @worldwonders_. 11 месяцев назад

    Good work man💯

  • @AlbroDesigns
    @AlbroDesigns 11 месяцев назад +3

    Hi, really helpful but could you do a updated video so it takes in the changes to version 12 of Dawn Theme? I'm struggling to find where I can find the product card & also the code in this version & i'm not confident with coding to go it alone.

    • @kellysjewls
      @kellysjewls 11 месяцев назад

      This video has a non-functioning solution. Would love to know the answer.

    • @AlbroDesigns
      @AlbroDesigns 11 месяцев назад

      @@kellysjewls I sorted mine :)

    • @ikramhouara9420
      @ikramhouara9420 11 месяцев назад

      How?

    • @zacocaz
      @zacocaz 11 месяцев назад

      @kellysjewls please help! How was it sorted

    • @TOiNEDFitness
      @TOiNEDFitness 11 месяцев назад +2

      @@zacocaz I'm assuming bythis line from above: "NOTE !!! : If you cant find product-card.liquid then FIND card-product.liquid instead."

  • @lanjhin
    @lanjhin 5 месяцев назад +1

    Hello, how do I do this on the product page itself? It worked on the product card but on the product page it still shows "sale". Please advise!

    • @SanjeevKumar-ls3zo
      @SanjeevKumar-ls3zo 3 месяца назад

      same issue, if you get the solution to this: -comment

  • @tygessupplies
    @tygessupplies 6 месяцев назад

    So, lets say you are not using the "Compare at price" but you have automatic discounts applying to certain products, these discounts are removed at the Checkout and sadly only show at the checkout. Would this method show those created discounts as well or would that be another piece of code?

  • @adeelahmed4187
    @adeelahmed4187 9 месяцев назад

    plz make video on how to add badges on shopify store like 24/7 delivery or your custom badges

  • @maddog4538
    @maddog4538 10 дней назад

    Brother can you show us how to do this on the product page on the badge that comes after the price?

  • @ChrisfaheemMay
    @ChrisfaheemMay 3 месяца назад

    Hello your content is always helpful, but there was some coding variations needing troubleshoot and percentages are still not showing

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад

      Hey, Thank you.
      Can you please tell me which theme/version are you using ?
      Please let me know in a new comment as its difficult for me now to see replies.
      Cheers

    • @purpleheartdesign9014
      @purpleheartdesign9014 2 месяца назад

      @@OnHOWGuy I have followed your instructions and it is not showing for me

  • @futureistmaster
    @futureistmaster 5 месяцев назад

    Hello, my problem is the discount tag is available on other devices expect mine and my phone, why?

  • @indigoentrepreneur4059
    @indigoentrepreneur4059 7 месяцев назад +1

    Anas, I don't have product-card.liquid on my Dawn theme 13.0 version. But I have card-product.liquid. What do I do...create a new one in Snippets?

  • @AnudershJohn
    @AnudershJohn 5 месяцев назад

    Hey! In my shopify there's no car-product -liquid nor product-card-liquid. what to do bro please help!

  • @zarkkhah9160
    @zarkkhah9160 Год назад +1

    Hey Anas! The sale discount in percentage is not showing on the actual product. On the product page it still says sale. Do you know how to fix this?

    • @kathya0
      @kathya0 10 месяцев назад +1

      the same thing happened to me, did you fix that?

  • @syphon000
    @syphon000 7 месяцев назад

    this is exactly what i was look for so awesome! thank you! now is there a way to display this on the individual product page not just the product grid?

  • @brandonrustenberg3347
    @brandonrustenberg3347 9 месяцев назад

    Thanks for the video! Has somebody already fixed it for product pages? I only can see it on the home page..

  • @HennieG-mo5de
    @HennieG-mo5de 22 дня назад

    Do you maybe have a way to implement the discount percentage in shopify dawn product page and discount page and the code for changing te old and new prize colour into a custom.css file ? so when i update the dawn them, that the update does not wipe out the codes ?

  • @syliasiamer7441
    @syliasiamer7441 8 месяцев назад +2

    How to Display Discount Percentage And Savings on Product page and also in the calculation in the cart page ??

  • @ericfulmore6899
    @ericfulmore6899 3 месяца назад

    Hi, Can you do a video on how to add the variants below the product, in the cicles. In this video

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад +1

      Got your request and i will work on a no app version of that video.
      Cheers

    • @ericfulmore6899
      @ericfulmore6899 3 месяца назад

      @@OnHOWGuy cheers

  • @MdRubelHossain-co1eg
    @MdRubelHossain-co1eg 6 месяцев назад

    How can add freeshipping icon on navigation header menu bar??? Please give me a solution as soon as possible kindly.

  • @sandhitrivedi2035
    @sandhitrivedi2035 8 месяцев назад

    Does it work on other themes ? I have premium impulse

  • @Corvanhout54
    @Corvanhout54 5 месяцев назад

    S.a Anas i use debutify and i can't see the product-card section why?

  • @bilalisaq
    @bilalisaq Год назад

    great help, thanks

  • @LvckyTrebol
    @LvckyTrebol 9 месяцев назад

    Hello, thank you for your video. Is it possible to remove the outline ? Ty

  • @CANCATACCESORIOS
    @CANCATACCESORIOS Год назад

    YOU ARE TE BEST, THANK YOU FOR TEACHING US TO DO OUR WEBSITES

  • @Gedmas22
    @Gedmas22 11 месяцев назад +1

    Hi, nice video! it works on home page, but in product page it still only sale badge. How to do it on product page also?

  • @petardjelebov6138
    @petardjelebov6138 11 месяцев назад +1

    Hi, thank you for the great content and the help. I was trying to do that but I can't find any product-card.liquid no matter how I write it. My snippets folder is empty. Is this because my theme does not allow this? Can I do something to change this ? I would love your help. Thank you!

    • @PawPalCorner
      @PawPalCorner 9 месяцев назад

      new name is " card-product.liquid "

  • @purpleheartdesign9014
    @purpleheartdesign9014 2 месяца назад

    @onhow Hey, this has only change the sale on my collection page but not my product page. I am using Sense theme. Do I need to put this code somewhere else too? I see many people in the comments are having the same issue

  • @Pumpify.us_
    @Pumpify.us_ 9 месяцев назад +1

    Hi! I used your code and it worked on the collection page but not on the product page. the old short code was in the line 135 on Dawn theme the newest version. what can i do to display the % on the productpage? Thank you for content

    • @lightway172
      @lightway172 9 месяцев назад

      Same problem

    • @AshpreetKohli
      @AshpreetKohli 4 месяца назад

      @@lightway172 ruclips.net/video/HGWcMEyVs_s/видео.html&ab_channel=WebSensePro

  • @ahmedfaizan2780
    @ahmedfaizan2780 9 месяцев назад +1

    Legit Guy Found on youtube

  • @madameroiyelle
    @madameroiyelle Год назад

    hello Anans it worked thank you!! But i have a question. how can i add the "new arrival" badge to my new products

  • @Mozayzay
    @Mozayzay 6 месяцев назад

    Anas, do you know how to add compare at price in markets?! Struggling here 😂

  • @banjoyinka7040
    @banjoyinka7040 11 месяцев назад

    Thanks for all the videos, can you pls help with minimum orders for each product

  • @melissap91011
    @melissap91011 Месяц назад

    Does this work on the Craft theme?

  • @AmaliaAlvarez-yv1fj
    @AmaliaAlvarez-yv1fj 9 месяцев назад

    I saved the original code, then pasted the new code you provided and it made a change but not the one you showed. So I went back got my old code and cut and pasted again and it ruined something on my collection image on each product. Help me please is there a way to revert changes? I don't want to mess it up even further. I'm using the updated dawn theme.

  • @abhilashks9577
    @abhilashks9577 Год назад

    Will this work for variant products? We may have discounts on each variant. The variant price changes when clicking on variant options.

  • @rashidbaabbad6031
    @rashidbaabbad6031 11 месяцев назад

    Salam Anas, I couldn't find the code under product-card or Card product in my theme, I'm using Mr. Baker theme?

  • @abdallahamchghal
    @abdallahamchghal Год назад

    Insightful Video! Unfortunately, it didn't work on my sense theme!!

  • @Gellario-ae
    @Gellario-ae 5 месяцев назад

    Damn that was smooth

  • @matthewsunley1734
    @matthewsunley1734 9 месяцев назад +1

    Hi there, I added this onto the dawn theme however it only shows on the category page and not the product page

  • @aevinstax
    @aevinstax 7 месяцев назад

    so im using the refresh theme and I'm not finding the product-card file at all. Not sure if its named different in this theme.

  • @AbdulRehman-q1p5j
    @AbdulRehman-q1p5j Месяц назад

    hey sir , can you send me product card liquid code cz my store products are not showing 'Liquid syntax error please help me

  • @armansaifi_
    @armansaifi_ 9 месяцев назад

    Hey Anas its not showing %discount on product page, please help with that. And also tell how to change the text colour of %discount and how to change size of %discount badge

  • @metinkaryelioglu8725
    @metinkaryelioglu8725 2 месяца назад

    Hi, can you make a video on how to make the sale badge into a "save 24 $. instead of the percentages, you put how much money you save in euro, pound or dollars

    • @OnHOWGuy
      @OnHOWGuy  2 месяца назад +1

      Hey, Got you i noted your request and i will work on it, keep in mind the videos you will see in the upcoming days are already uploaded and scheduled.
      Cheers

    • @metinkaryelioglu8725
      @metinkaryelioglu8725 2 месяца назад

      @@OnHOWGuy thank you so much Anas

  • @neyo23231
    @neyo23231 11 месяцев назад

    I created a 20% off discount but it's shown only on cart, how to make it visible on the product page?

  • @anasrouane2625
    @anasrouane2625 4 месяца назад

    bro i m so proud of u you know why dima magnrib haha

    • @OnHOWGuy
      @OnHOWGuy  4 месяца назад

      Hahaha l3ez brother

  • @shaperfec
    @shaperfec Год назад

    hi, thank you very much for sharing the method, I tried it, but it does not work, do you know the reason?

  • @banedesign
    @banedesign Год назад +2

    Hi, your videos are great! really helpful! I'm sure you know how to change the colour of the size variant pill buttons? (they are on the product pages, need to change the colour it is when size is selected), I have tried myself and just can't seem to figure it out

    • @OnHOWGuy
      @OnHOWGuy  Год назад +1

      Thanks, i appreciate that.
      i noted your request but to be honest with you i have a lot going on now and it might take some time for me to show a trick that would work for every theme.
      Cheers

  • @UherMuner
    @UherMuner 3 месяца назад

    hello discount or sale on product page is really big. how can i make them smaller? thank you

    • @OnHOWGuy
      @OnHOWGuy  3 месяца назад

      This code doesn't change the display so im afraid that has to do with the theme you are using.
      Cheers

  • @PARTYS247
    @PARTYS247 9 месяцев назад

    HEY NICE VIDEOS BUT THIS SECTION DOESNT SHOW UP WHEN I PUT PRODUCT-CARD IN SEARCH BAR SO WHAT CAN I DO TO FIX THIS ?

  • @pabl1to33
    @pabl1to33 Месяц назад +1

    I appreciate your videos. But why are you not answering the question that everyone seems to have? The discounted price only changed in the product collection, not on the actual product page.

  • @healithfiv
    @healithfiv Год назад +1

    Hi Anans, Do you know how to make search bar types the product collection name automatically.

  • @_Khalid_03
    @_Khalid_03 7 месяцев назад

    My code didn't have that product-liquide file how to find that where is my code for this part located

  • @NowOasis
    @NowOasis Год назад

    Hi Anas, shopify just updated Dawn theme 12.0.0, it seems the code doesn't work, any adjustment needed?

    • @NowOasis
      @NowOasis Год назад

      I got it now, paste it in a difference place (upper area, same code)😀

    • @kellyhosner6291
      @kellyhosner6291 11 месяцев назад

      Same problem here

  • @nilvamarketing
    @nilvamarketing 11 месяцев назад

    Hi! Thank you so much for this video, I used this for a collection with an automatic discount and it has been working beautifully. However, I have a different collection now that has product variants in it and it doesn't seem to do the trick anymore. The discount applies in the cart, so that is set up correctly, but it won't show up on the product card on the home page or the product page. I'm thinking the product variant with different prices is the cultript as that is the only difference I can think of. Could you help me with this? Thank you!