Hide compare at pricing percentage

[tugga92]

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)

[oscprofessional]

Hello tugga92,

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;
}

[cken2]

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]

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

[PascalR]

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]

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

[PascalR]

Hello

misi-international.myshopify.com

password china

regards

[oscprofessional]

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;
}

[PascalR]

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

[oscprofessional]

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

[PascalR]

[PascalR]

Great !!!

all is good now

Thanks a lot

Pascal

[Cocoroz]

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

[oscprofessional]

Hi @Cocoroz ,

please share your requirement with screenshot

[PascalR]

when you choose catalog

[oscprofessional]

Add this css

.grid-product__on-sale {
    display: none;
}

[PascalR]

Hello, i should like to do the same thing on another website:

1001extensions-at.myshopify.com

https://www.1001extensions.at/

I tried the others soluces but it was not good

Regards

Pascal

[PascalR]

Hello i have made a mistake mistake password is: China

[ChalkMercantile]

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!

Jayne

[oscprofessional]

Hi @ChalkMercantile ,

Can you share the URL and screenshot with requirement?

[RodL1]

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

[PascalR]

oscprofessional helped me

[oscprofessional]

Hi @RodL1 ,

Can you share the screenshot with your requirement ?

[RodL1]

I need to remove or hide the lined-out prices .
See attached screen shot

Thank you

[oscprofessional]

@RodL1 ,

I couldn't find screenshot & url ?

[RodL1]

Please see attached, I am interested in hiding the lines out prices. Thanks

[RodL1]

Www.youngcamping.com

 

[oscprofessional]

@RodL1 ,

you want to remove this ?

[JulianDumitrasc]

There is no such file there. Into which file should I copy this code? I've found: component-price.css