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

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

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

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

    Shopify Beginner Tutorial 2024 ruclips.net/video/GzmxVJ6anbE/видео.html - Complete free training
    Checkout our Discount APP to help boost sales: apps.shopify.com/big-bulk-discount

  • @armansaifi_
    @armansaifi_ 10 месяцев назад +2

    Finally "SOMETHING" worked in my life. Thank you man!!!

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      Glad I could help! Don't forget to subscribe and share

    • @VerumCrimenTv
      @VerumCrimenTv 25 дней назад

      I’m telling you!

  • @CarbonOxy
    @CarbonOxy 22 дня назад +1

    My brother I am sending a ton of love and respect from Canada! Thank you for such a detailed and well deserved liked video

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

    This video should have views in million i swear

    • @WebSensePro
      @WebSensePro  29 дней назад

      It can still get if you share it

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

    Lifesaver!!!!!! Been wanting to do something about this and you were the only one with the proper instructions!!!

  • @AQIBKHAN-uz5eb
    @AQIBKHAN-uz5eb Год назад +2

    such a amazing video brother i need this kind of video i search a lot but i did,nt find thank you so much

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

    It was 2 am and I couldn't find the solution to the problem, I clicked on this video and found what I was looking for, thanks🤗

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

    Amazing job. Simply fantastic

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    this actually works! u earned a sub!

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

      Thanks, don't forget to subscribe

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

    The ultimate goat!!! thank you so much for the amazing work that you are putting out for the community ! Wish you all the best my G ! Thanks again for the help

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

  • @Vault-i3m
    @Vault-i3m 24 дня назад +1

    Thank you so much your video is the best. It is easy to understand!!

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

    Thank you so much!!! Your tutorial was explained well and easy to follow.

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    Super explained, I have been looking for this for a long time, thank you for this great content! I hope there will be more of these Kontant can be thank you again

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    You just gained a subscriber. I don't usually leave comments for this video I will. I was sceptic at first, but after procrastinating I tried it and it works. Thank you so so much. I will be watching and liking all your videos.

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

    Thank you for your tutorial.
    But here's the thing: those discount badges may work no problem in product page/product cards/main page.
    It won't work if there's a variant from product with different prices.
    Let's take product A as an example, A has 4 variants, A1 $10 -> $9, A2 & A3 $2, A4 $2 -> $1, the badge shown in product cards will just show "-90%" as it just take the highest variant price compare with the lowest variant discounted price...

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

      Haven't tested in multivariant product but will definitely create a new tutorial if requested

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

    Brilliant, thank you! It works fine except the product variant pricing. It shows the same discount percentage even if I set different prices. Any idea why that is?

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

      It won't work if you have same price for all the variants

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

      Or 2 out of 3 variants has same price

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

    Great Help. you explained it very well. it worked the first time. slowly learning Shopify liquid.

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

    Subscribed! Sincerely grateful for your dedicated efforts in creating valuable Shopify features and tutorials, and generously sharing them free of charge. Your contributions are truly appreciated.

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

      Thank you so much! 😊

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

    It was detailed and verify helpful. Thank you for the video

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

    So helpful so much . Thanks bro

    • @WebSensePro
      @WebSensePro  29 дней назад

      Glad it helped pls subscribe

  • @armansaifi_
    @armansaifi_ 10 месяцев назад +5

    My "sale" text is in black colour by default. Why is that?

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      You have CSS or settings in Customize which is why it shows in black color

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

      Same problem I have tried but still problem.

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

      Go to badges, and set the badge background color to whatever you want in shopify

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

    Very helpful! Thanks a lot !

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

    Hello, your video with the percentages discount in Shopify has helped me a lot. Can you make a video or tell me how I can display the discount price instead of the percentages? Example: 30
    Dollar original price Jazz 24 $ Equal savings 6 dollars.
    So that the savings in the store is now 6 dollars.
    Many thanks in advance
    Best regards, Christopher

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

      Hi Christopher it will need liquid code customisation. Please contact websensepro.com/contact-us for paid support

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

    subscribed. very helpul very simple. love from US

  • @andaazcollectioncosmetics
    @andaazcollectioncosmetics 3 дня назад

    amazing🎉 but this discount should also be shown in checkout level with total discounts amount . it will realized customer how much they got discount on their total order.

  • @joibebe7111
    @joibebe7111 15 дней назад +1

    Thank you 🙏 I subscribed.

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

    i subscribe and i like and i comment Weldon bro

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

    Most awaited video sir. Thank you so much❤️🙏🏼

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

    Awesome and very helpful! It worked perfectly. Was easy to follow along. Thank you very much 🙏

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    Thank you!!!!! It works perfect

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

  • @OriginalCreator-o5c
    @OriginalCreator-o5c 11 месяцев назад +1

    Amazing!
    Thanks for this easy to follow tutorial. I am changing the card-product.liquid file but the discount percentage is not showing on the collection page.
    Would you be able to suggest why it could be the case?

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

      Make sure you are adding it to the correct line number

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

    Thank you for this tutorial, it worked great for me, but I have a slight issue, the text( price and description) of my product are overlapping and not making it readable, please advise me on how to get this resolved

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

      Simple to do with CSS

  • @SignatureLounge-r9h
    @SignatureLounge-r9h Год назад +1

    Thanks man it worked
    May Allah Bless you
    Lots of Love 💞

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    THANK YOU !!

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    Bro You are the best! amazing work as always. I'm your subscriber for forever man!

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

    In the Shopify Dawn theme, I'd like each slide in the slideshow section to have its own unique background color Scheme. Slideshow section layout is set at grid. Please make a video on it

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

    super boroooooooooooo ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ thanks for your help no one is like you

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

    Hello, In our shopify backened when we click product it just shoes prices and quantity. doesnt show compare price. please guide on this ...

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

    Your content is legit

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

    Thank you so much for this awesome tutorial it worked a treat!

  • @gembul2121
    @gembul2121 24 дня назад +1

    when i want to try to do the card liquid its invalid. i only have 1 product on sale in the code. not 2 like in the video. But it should be ok right? please someone give me update. Thank you

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

    Thank you so much for this information🤗

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    Wonderful, needed it very much. Thank you

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

    Really helpful, is this possible to give like 10 or 20% discount on all products at once. because selecting each product and variant and sleecting price equivalent to percentage is quite timetaking?

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

      Not clear what you need, please clarify

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

      You can create a collection having all products - "All Products" Then add a discount of 10 - 20% for that collection.

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

    Is there a way to do this in Debut theme?

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

      You are still using debut? Please update

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

      @@WebSensePro Yes, currently working on my new dawn theme

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

    Thank u..
    U have my gratitude ❤

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

    You the man bro thanks

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

    Awesome Video!
    Somehow, only the discount badge on the product page and not the collection page is able to show the percentage. Is there any way to fix this?
    And what phrase can I add to the css to change the product page Text Color to e.g. red?

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      It should work fine on collection page as well

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

    all okay, just in the end i want the background tobe red like you , and the text white color like you, but at mine the color of the text is black, can u help me please

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      Sure, contact us via website

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

    Thank You So Much You Are Life Saver ..Even Shopify Customer Help doesn't Know how to do that.

  • @MohamedMustafa-j2h
    @MohamedMustafa-j2h Год назад

    Well explained, it worked wll

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    Thank you so much!!! But how to show this Discount badge on mobile version shop ?

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      Is it not showing up on mobile? Desktop and mobile should show this badge

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

    Perfect ! You helped me a lot :) Followed you

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

    just what I was looking for.

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

      Great, updates version coming shortly with more advanced features

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

    Awesome.. got the discounted percentage added on my website. But why does the discount code show -50%. It should show 50 without the minus .. right?

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

      It depends on your preference but you can easily do that via a little code customization

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

    You are great sir

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    Is there a way to display the Sale Badge when you've created a discount in the store? I don't want to add a "compare to" price - just show that the item is available at a discounted price with a discount I created, on the home or collection page and product page.

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      Hmm... great suggestion. Will try to create a solution on that

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

    Hi Bro, thank you so much for the video. I've an issue with sale bade in product page. It doesn't reflect in product page but in collection page (home page). I double checked the codes you've given. everything is correct. what might be the issue? I'm using the "Origin" theme

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

      Cant tell without seeing the code

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

    Thank you, you are very intelligent!

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

    thank you so much! this really helped me

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

    Great! I subscribed! This is my 3rd Video

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

    Thanks for your tutorial. I have a question: The promo price doesn't show on product page when you add the discount through the Discounts menu on Admin. It only shows the discount at the Cart. Is there a way to make it work on Dawn theme?

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

      Will need to check the store on whats the issue

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

      @@WebSensePro you can try this on your own theme. Try to create a discount on admin and aply to some products. You won't see the discount on product page, only in cart

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

      @@AlfredoCosta77 I have the same exact issue. Were you able to find a solution?

  • @VerumCrimenTv
    @VerumCrimenTv 25 дней назад +1

    Thank you a lot 😍😍😍😍😍😍😍😍🎉🎉🎉🎉

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

    THANK YOU SO MUCHHH!!!! From Peru ;)

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

    Sir ye craft them mai b work karta hai k nhe?

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

    SOOOOOO HELPFULLLL thanks so much

  • @rootsy-el9pb
    @rootsy-el9pb 3 месяца назад +1

    it worked but i want to change the font colour from black to white. How do I do it?

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

      You will need to add some CSS for that, I have created an updated tutorial where you will find all settings in Customize. Link in pinned comments

  • @Ch.ZaraShakeel
    @Ch.ZaraShakeel 5 месяцев назад

    Thank you so much bro! this help me a lot I tried this and its working at first attempt.👍🏻

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

    Broo you are the best thank you soooooooooooooooooooooooooooooooooooooooooooooo muuuuuuuuuuuuuuuuuuuchhhhh

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

    This nice video make more please sir

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

      Yes making more and more

  • @fernando.bernardi
    @fernando.bernardi 8 месяцев назад +1

    Hi there,
    I noticed that on my theme, there is no 'cart-product' file or even 'price.liquid'. Could it be that these are not accessible for editing on my theme? Please correct me if I am wrong. My theme is 'Impulse Thank you,

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

      This is not going to work with impulse

  • @issansabimana5122
    @issansabimana5122 12 дней назад +1

    Thank you buddy

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

    Thank you so much!!

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

    Great video however I am not confident enough. Can I hire you?

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

      Yes, fill up the form here websensepro.com/contact-us

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

    how to change code if I want amount saved (usd) instead of percentage?

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

      Doable with a small liquid code tweet

  • @أسامةبنكيعة
    @أسامةبنكيعة 25 дней назад +1

    How to display it in woocommerce such as shopify

    • @WebSensePro
      @WebSensePro  14 дней назад

      Will create a tutorial in woocommerce as well

  • @n.n1110
    @n.n1110 8 месяцев назад +1

    the color only changes on the homepage and not on the product page, how is this possible

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

      Not clear about your question

  • @rinagetsreal6189
    @rinagetsreal6189 6 месяцев назад +1

    I don't see where you search the code! How did you bring up the search to find those lines of code?

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

      By pressing "CMD + F" in mac and "CTRL +F" in windows

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

    THANK YOU SO MUCH MAN THANK YOU!!!!!!!!!!

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

    This was extremely helpful. Thank you very much!

  • @priyagupta-vm8ze
    @priyagupta-vm8ze Год назад +1

    Hello..Does this work on Petlia theme?

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

    Hello, thank you for your video, but when I put the code, the % is displayed with the decimal places, do you know how to remove them?

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

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

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

    Thanks sir

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

  • @parishoppingstore.
    @parishoppingstore. Год назад

    I have done
    Thanks for your video

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

      Thank you too and dont forget to subscribe

  • @familia.naturescu
    @familia.naturescu 2 месяца назад

    how we do to have round corners like original? blue had round corners and yours have square corners

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

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

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

    It worked perfectly! Awesome!
    But how can we change the color of the text.
    Currently, the color white appears to me. I managed to make the font yellow, but I can't change the text to black.

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

    thank you so much man!

  • @LéaLombardo
    @LéaLombardo 4 месяца назад

    Hi, I dont have a "base.css" file in Assets. Do you know how i could do it differently ?

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

      Theme.css or theme.liquid

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

    How do you add discount badge to all collections? Thank you very much - your video is very informative!

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

      I am not sure what you are asking it works on all products

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

    Great!

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

    thanks man

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

      Thanks for appreciation, if this video/channel helped in any way please support by Subscribing and Hit the Like button.

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

    thank you so much sir💕💕

  • @Hddy-k7x
    @Hddy-k7x 7 месяцев назад

    Great video! How would I delete the sales badge on refresh theme ?

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

    lov u broooo thanks

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

    Checkout the update video with more features ruclips.net/video/MXfER-tz-0U/видео.html

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

    Great video! How do I change the discount percentage? urgent pls

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

      and also the font

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

      Discount percentage is automatically calculated based on the discount provided, font change require more code Please contact websensepro.com/contact-us for paid support

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

    Do you have a tutorial to do '2 FOR £X' offer badge please? :)

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

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

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

    On the homepage, by default, the product's red frame is positioned on the left side. I want it to be positioned on the right side. How can I do that?

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

      It can be done with CSS, and if you are unable to do it, please contact via websensepro.com/contact-us for paid support

  • @Novalic-dq9kg
    @Novalic-dq9kg 5 месяцев назад

    thank you, bro!

  • @user-ep5ut6en2j
    @user-ep5ut6en2j 10 месяцев назад +1

    My sale button text Colour eg. ( 50% Off ) it is in Black colour i want white text colour. How can i do that? Please Help Me

    • @WebSensePro
      @WebSensePro  10 месяцев назад

      A little CSS code will help you do that

    • @user-ep5ut6en2j
      @user-ep5ut6en2j 10 месяцев назад

      @@WebSensePro Can you please help me? what should i search and what to edit ?