How to hide the 'compare-at' price on product card (but keep it for the variation). Dawn theme

Technical Q&A
1

Hi everyone
I have certain variations on sale, and would like to hide the ‘compare-at’ price on the product card, because it is making the home page and collection page look cluttered and confusing. See my screenshot. (Interestingly, ‘the compare-at’ price is not showing on all the products, even though all products have the same size variation on sale.)

Can anyone advise on how to do this?
I would like to keep the compare-at price for when the customer navigates to that particular variation.

The url is www.thechristianpostercompany.com

Screenshot 2025-02-18 at 11.52.16.png
Screenshot 2025-02-18 at 11.52.16.png2796×1288 396 KB

2

A fix could be to go to Online Store → Customize (On the theme) → Select the section you want to hide it from → Custom CSS

Then paste this into it

.price--on-sale .price-item--regular {
   display: none;
}

Let me know if that fixed it for you :grinning_face_with_smiling_eyes:

3

This has worked. Thank you!!