How to hide compare at price

[dwmusic]

Hi all,
I am wondering if anyone can advise how I can hide 'compare at price' across my Shopify site?
It is useful for us to have pricing data in the compare field for the purposes of discount calculations and working in spreadsheet but don't want to present it to customers. I have had a hunt arounnd but haven't been able to find a solution.

Thanks!

[AsenWang]

You can comment out the code of the original price of the product in the code

[BinalSavani]

Hello @dwmusic!

You can hide the compare price for customers by adding custom CSS code to your theme file.

Please share your store URL so that I can check and can send you the code.

[dwmusic]

Thanks a lot @BinalSavani! The URL is https://dwmusic.myshopify.com/ 

[BinalSavani · Accepted solution]

Hello @dwmusic! Thanks!

Please add the below CSS in the theme.css theme file at the bottom to remove the compare price:

.price__compare-at.visible {
    display: none !important;
}

[dwmusic]

This worked perfectly! Thanks so much @BinalSavani, you are a the best!

[BinalSavani]

It's my pleasure to help you!