In this video, I’ll show you how to easily remove the Shopify sale badge from your homepage or product pages. By disabling or hiding the default sale badge, you can make your Shopify store design look cleaner, more professional, and create a better shopping experience for your customers.”

If you are looking to make your Shopify store look cleaner and more professional, one simple change you can make is removing the default Shopify sale badge. This badge usually appears on discounted products across your homepage or product pages. While it can be useful for highlighting sales, it sometimes clutters your design. Let’s go through the step-by-step process to remove or hide it.

Steps to remove the Shopify sale badge:

1. Log in to your Shopify admin dashboard with your store credentials.
2. From the left-hand menu, navigate to Themes.
3. Click on the Customize button for your active theme.
4. Inside the theme editor, go to the Sections tab.
5. Search for the section that contains the sale badge element.
6. Click the Customize button for that specific section.
7. Locate the option that allows you to remove or hide the sale badge.
8. Select this option and confirm your changes.
9. Finally, don’t forget to click Save to apply everything.

Additional Tips:

If you only want to remove the sale badge from certain product pages, you can edit those products individually.

To remove sale badges across all products globally, use the Shopify Theme Editor for a storewide change.

Can’t find the right section? Use the search bar in the theme editor to locate it quickly.

Important Note:

Removing the sale badge will not remove your discounts or promotions. Customers will still see the discounted price when they view a product, but the badge label itself will disappear from the homepage or collection pages.

Conclusion:

By following these steps, you can easily remove the Shopify sale badge and give your store a more polished, clutter-free look. This small adjustment can greatly improve the shopping experience for your customers and help your online store appear sleek and professional.

// remove sale badge on product page
.badge.price__badge-sale{
 display:none!important;
}

// hide sale on cards
.badge.badge--bottom-left.color-scheme-4 {
 display:none!important;
}