Uploaded July 2025 | Updated September 2026, 1 hour ago
Today i will show you how to show sale discount percentage on the sale badge in Shopify Horizon theme so your customers instantly see how much they’re saving right on the product cards.
Displaying the sale percentage on your sale badge in Shopify can make a big difference in how your products perform and this simple tweak grabs attention, creates urgency, and helps boost conversions and especially when visitors are browsing multiple products.
So in this tutorial i will show you how to edit your Horizon theme code using a free method to automatically calculate and display the sale percentage on product cards on your Shopify collection page.
By the end of this video you’ll have dynamic and interactive sale badges that shows the sale discount percentage automatically whenever you run promotions.
CODE : https://onhow.codes/shopify-show-sale-percentage-on-sale-badge-horizon-theme/
If you have any questions or suggestions my Instagram : instagram.com/anas_elmedlaoui
About Me:
My name is Anas El Medlaoui, and I have dedicated the past nine years to mastering various aspects of the digital world, including Shopify store development, WordPress website creation, social media marketing, and e-commerce solutions. Throughout this journey, I have accumulated extensive experience across diverse digital disciplines, although exploring multiple projects simultaneously posed its own set of challenges.
Driven by a passion for empowering others, I launched this YouTube channel after considerable reflection, aiming to share valuable insights and practical knowledge. My goal is to equip individuals committed to achieving online success with accessible, actionable information grounded in the principle that knowledge should be available to everyone.
#shopify #sale #percentage
Today i will show you how to show sale discount percentage on the sale badge in Shopify Horizon theme so your customers instantly see how much they’re saving right on the product cards.
Displaying the sale percentage on your sale badge in Shopify can make a big difference in how your products perform and this simple tweak grabs attention, creates urgency, and helps boost conversions and especially when visitors are browsing multiple products.
So in this tutorial i will show you how to edit your Horizon theme code using a free method to automatically calculate and display the sale percentage on product cards on your Shopify collection page.
By the end of this video you’ll have dynamic and interactive sale badges that shows the sale discount percentage automatically whenever you run promotions.
CODE : https://onhow.codes/shopify-show-sale-percentage-on-sale-badge-horizon-theme/
If you have any questions or suggestions my Instagram : instagram.com/anas_elmedlaoui
About Me:
My name is Anas El Medlaoui, and I have dedicated the past nine years to mastering various aspects of the digital world, including Shopify store development, WordPress website creation, social media marketing, and e-commerce solutions. Throughout this journey, I have accumulated extensive experience across diverse digital disciplines, although exploring multiple projects simultaneously posed its own set of challenges.
Driven by a passion for empowering others, I launched this YouTube channel after considerable reflection, aiming to share valuable insights and practical knowledge. My goal is to equip individuals committed to achieving online success with accessible, actionable information grounded in the principle that knowledge should be available to everyone.
#shopify #sale #percentage
