Product % decrease in price badge on collection and product pages

Product % decrease in price badge on collection and product pages

Franrulzok
New Member
9 0 0

Hi, I'm using the Woodstock theme and my URL is: https://leadingsolutions.net.au.

 

I'm trying to remove the badge on the collection page view and product page view in the screenshots below that shows the % decrease in price. I want to keep the 'was $X' 'now $X' view but just remove any badge or reference to what the percentage off is.  

 

Collection page:

Screenshot 2024-06-26 121220.png

Product page:

Screenshot 2024-06-26 121209.png

Replies 3 (3)

PageFly-Richard
Shopify Partner
4400 1006 1657

Hi @Franrulzok 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.price__badge--in-card.price__badge, .card__inner .badge {
display: none !important;
}
</style>

PageFlyRichard_0-1719361842277.png

 

Also while investigating the issue for you I've found that there's one thing that you can consider to make it, and it will make your site more professional for customer

PageFlyRichard_1-1719361903286.png

 

Is to add the CTAs button in the banner here, currently the one in it is kinda of confusing, and once you have the CTAs button, you will able to direct customer in the first 5 second when they land to your site.

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Franrulzok
New Member
9 0 0

Hi, thanks this worked on the collection page view. But I can still see it on the product page. Any suggestions?Screenshot 2024-07-03 154750.png

AnneLuo
Shopify Partner
765 145 158

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
.badge--sale,
.price__badge--in-card,
.price--on-sale .price__badge
{
  display: none !important;
}
</style>


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee