Shopify is one of the most popular e-commerce platforms out there, and with good reason. It’s user-friendly, customizable, and offers a wide range of features to help you build your online store. One of these features is the sale icon that appears on discounted products.
While this can be helpful for shoppers looking for deals, it may not fit everyone’s aesthetic or branding. Luckily, removing or customizing these icons in Shopify is easy – and we’re here to show you how! In this tutorial, we’ll guide you through the steps to remove Shopify’s sale icons altogether, customize them to match your brand identity better, or even add new ones entirely. Let’s get started!
How to Remove Shopify’s Sale Icons
If you’re not a fan of Shopify’s sale icon, removing it from your website is simple. Here’s how to do it:
Firstly, log in to your Shopify account and head over to the “Online Store” section.
From there, click on “Themes,” then select the theme you want to edit.
Once you’ve selected the theme, click on “Actions” and choose “Edit code.”
Next up, under the “Sections” folder, look for the file that says product-template.liquid and open it.
Now scan through the code until you find {% if product.compare_at_price > product.price %} or something similar. This code is responsible for displaying the sale icon.
Delete this line of code entirely or comment it out by adding after the line (without spaces).
Save your changes — and voila! Your products will no longer show any sale icons!
Removing these icons can be an excellent way to create a cleaner-looking storefront that aligns with your brand identity better.
How to Customize Shopify’s Sale Icons
Customizing your Shopify store’s sale icons is a great way to make them stand out and reflect your brand’s style. Fortunately, Shopify makes it easy for you to customize these icons according to your preferences.
First off, navigate to the “Theme” section of your Shopify dashboard and click on “Actions.” Then select “Edit code,” which will take you to the theme editor page. From there, look for the “Snippets” folder and click on it.
Next, locate and open the file named “product-card-grid-item.liquid” or any similar files that match your theme design. This file contains codes related to product cards in grid view.
To customize the sale icon image itself, just replace the existing image URL with one that suits your preference. You can also edit its size by adjusting its height & width parameters in CSS styles.
If you want further customization options such as changing color schemes or adding custom animations – then modifying this code may require some coding knowledge so be careful when making adjustments!
Customizing Shopify’s sales icons is an excellent way of branding yourself while increasing conversion rates!
How to Add Your Own Sale Icons
One great way to make your Shopify store stand out is by adding custom sale icons. This will not only help you grab the attention of potential customers, but it will also give your store a unique and professional look. In this section, we’ll show you how to add your own sale icons in just a few simple steps.
Firstly, go to the “Themes” section of your Shopify dashboard and click on “Actions”. From there, select “Edit code” and find the theme file called “theme.liquid”. Once you’ve opened that file, scroll down until you see the line of code that reads “{% include ‘icon-sale’ %}”.
You can replace this code with an image URL link or upload an image directly into your Shopify account’s assets folder. Be sure to adjust the size and positioning of your icon so it fits nicely on your product pages.
Once you’re satisfied with how everything looks, save changes and voila! Your custom sale icon is now live on all applicable product pages. You may want to consider testing different designs or colors for maximum impact.
Adding custom sale icons is just one small step towards creating a successful online business. With these tips and tricks, however, you’re well on your way towards increasing conversions and making more sales!
Conclusion
Removing sale icons in Shopify may seem like a daunting task, but with the steps outlined above, it’s actually quite simple. The platform offers several customization options to suit your needs and help you create an online store that reflects your brand.
Whether you want to remove the default sale icon altogether or replace it with something more fitting for your business, Shopify makes it easy. By following the steps above, you can customize your online store and create a shopping experience that is unique and engaging for your customers.
So go ahead and experiment with different sale icons until you find one that best suits your brand’s aesthetic. And remember, if at any point you have trouble customizing or removing sale icons on Shopify, don’t hesitate to reach out to their customer support team for assistance. Happy selling!
