Скачать или смотреть How To Show Sale Discount Percentage on Shopify [Horizon Themes]

Show Sale Discount Percentage on Shopify [Horizon Themes]

In this video, I’ll show you how to add a percentage discount badge to your collection page and product page in Shopify’s new Horizon theme. With Shopify’s Summer Edition introducing 10 new themes, this tutorial is a must-watch if you're using Horizon or any of the latest themes.

🔹 What You’ll Learn:
✅ How to display discount badges on collection & product pages
✅ Customize badge colors, animations, and styling
✅ Modify font size, alignment, and spacing
✅ Add compare pricing in the backend for discounts to appear

🔹 Themes Covered:
This method works for all Horizon-based themes (Fresh, Saver, etc.). If you're still on Dawn, check out my previous tutorial (link in description).

Free Shopify Product Reviews 👉👉https://share.channelwill.com/app/216...

Video Timestamps:
00:00 - Intro & What You’ll Learn
01:32 - How Discount Badges Work in Horizon Theme
03:25 - Customizing Badge Colors in Theme Settings
10:55 - Editing Code for Collection Page Discount Badge
14:07 - Creating Custom Price Block for Product Page
14:50 - Conclusion

Shopify Store For Just 1$/Month: https://shopify.pxf.io/XYRLdX

Code: https://websensepro.com/blog/how-to-s...

Other Resources/Tutorials:

Shopify Tutorial For Beginners 2024 - [Complete Guide] -    • Shopify Tutorial For Beginners 2025 - [Com...  

Shopify Color Swatches Playlist👉👉:    • Shopify Color Swatches Tutorial  

Discount Sale Badge 👉👉:    • How To Show Discount Sale Badge in Shopify...  

Add Autoplay Video in Shopify👉👉:    • How To Add Video On Shopify Homepage With ...  

Transparent Header in Shopify👉👉:    • How To Make A Transparent Header in Shopif...  

Mega Menu Shopify👉👉 :    • How To Add Mega Menu with Images [Shopify ...  

Wishlist Without APP 👉👉 :    • How To Add Wishlist in Shopify Dawn Theme ...  

If you want help with Shopify Customization, store development, or any other web development help. Contact us via https://websensepro.com/contact-us