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
11544 1808 2314

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
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
11544 1808 2314

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
PascalR
Shopify Partner
34 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
11544 1808 2314

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
PascalR
Shopify Partner
34 0 6

Hello

misi-international.myshopify.com

password china

regards

oscprofessional
Shopify Partner
11544 1808 2314

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;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
PascalR
Shopify Partner
34 0 6

Hello i have made a mistake mistake password is: China

PascalR
Shopify Partner
34 0 6

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

oscprofessional
Shopify Partner
11544 1808 2314

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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
PascalR
Shopify Partner
34 0 6

when you choose catalog

oscprofessional
Shopify Partner
11544 1808 2314

Add this css

.grid-product__on-sale {
    display: none;
}
Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
PascalR
Shopify Partner
34 0 6
PascalR
Shopify Partner
34 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
6 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
34 0 6
oscprofessional helped me
oscprofessional
Shopify Partner
11544 1808 2314

Hi @Cocoroz ,

please share your requirement with screenshot

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing