FROM CACHE - en_header

Hide compare at pricing percentage

tugga92
New Member
1 0 0

Hello,

 

I am working on my first Shopify website for a client and I would like to hide the compare at price percentage and just have a strikethrough on the old price. I have been trying to figure this out for days and have not came up with a solution.

 

Can anyone help?

 

Website: https://exclusive-beauty1.myshopify.com/

Example product for issue: Shampoo & Conditioner Bundle Deal (I want the -17% removed and to only show the current sale price along with a strikethrough on the old price)

Replies 28 (28)
oscprofessional
Shopify Partner
13834 2107 2714

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->styles.css

.discount-percentage {
display: none;
}
.product-price__price.compare_price {
display: none;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
cken2
New Member
1 0 1

Hi, 

 

Is there a code to remove the compare at price completely? 

I have removed the compare price from my product settings however this still shows on the product page for mobile site. (For example, it shows: £25.00 £25.00), even though the compare at price has been set to £0. The compare price does not show at all on the desktop site, so this part has been resolved, however the above example is still showing for the mobile site for all products. 

It doesn't look like theres a resolution to the problem, so Im looking for a code to hide the compare price completely. 

Any ideas?

Thank you!

oscprofessional
Shopify Partner
13834 2107 2714

Hello cken2,
Please share your site url.
So that i can check and let you know the exact solution here.

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
PascalR
Shopify Partner
37 0 6

Hello

i should like to use your code to hide compare at price but i don t find any "style.css" anywhere

Can you help me

regards

 

Pascal

oscprofessional
Shopify Partner
13834 2107 2714

Hello PascalR,
Please share your site url.
So that i can check and let you know the exact solution here.

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
PascalR
Shopify Partner
37 0 6

Hello

misi-international.myshopify.com

password china

regards

oscprofessional
Shopify Partner
13834 2107 2714

Hello PascalR,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->timber.scss.liquid

.product-single__price--compare-at {
    display: none;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
PascalR
Shopify Partner
37 0 6

Hello i have made a mistake mistake password is: China

PascalR
Shopify Partner
37 0 6

Hello compare at price has disappear but i still have the "save price"

oscprofessional
Shopify Partner
13834 2107 2714

Hello PascalR,
Please share the screenshot of which "save price" you want to remove.

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
PascalR
Shopify Partner
37 0 6

when you choose catalog

oscprofessional
Shopify Partner
13834 2107 2714

Add this css

.grid-product__on-sale {
    display: none;
}
If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
PascalR
Shopify Partner
37 0 6
PascalR
Shopify Partner
37 0 6

Great !!!

all is good now

Thanks a lot

Pascal

Cocoroz
New Member
1 0 0

Hi there,

 

I am having the same Issue PascalR had, when hovering over an image I see  £25.00 £25.00). 

I tried applying the solution that was given to him, however, code is probably different so I can't find the timber.scss.liquid under Assets.

URL https://www.saintnmike.com/?_ab=0&_fd=0&_sc=1

Any help is greatly appreciated, thank you!

 

Regards

ChalkMercantile
Tourist
7 0 3

Hi there!

I tried your solution to remove the "Sale" at the compare at pricing and it didn't work and I couldn't find the place to put the code under Assets. Is there another place that I'm missing? 

 

Thanks for your help!

JayneScreen Shot 2020-11-06 at 6.09.51 PM.png

RodL1
New Member
4 0 0

I am trying to hide the Compare at prices next to my prices on my Shopify Site. How can I do that? 

PascalR
Shopify Partner
37 0 6
oscprofessional helped me
oscprofessional
Shopify Partner
13834 2107 2714

Hi @Cocoroz ,

please share your requirement with screenshot

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Custom Pricing Wholesale App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant