Hide prices on main shop page only

Site URL: https://strawberry-lychee-rrts.squarespace.com

Hi there. Client has asked if we can hide the prices for all products on the main shop page, but still have them appear on individual product pages. I've tried adding:

.product-price { display:none }

To the header injection but this hides all the prices everywhere, not just on the main page. Is there a way to selectively hide just the prices on the top-level page?

Thanks in advance 🙂

5 minutes ago, Foxhandybread said:

Site URL: https://strawberry-lychee-rrts.squarespace.com

Hi there. Client has asked if we can hide the prices for all products on the main shop page, but still have them appear on individual product pages. I've tried adding:

.product-price { display:none }

To the header injection but this hides all the prices everywhere, not just on the main page. Is there a way to selectively hide just the prices on the top-level page?

Thanks in advance 🙂

I can see the the price on main shop page. Is your issue solved?

25 minutes ago, bangank36 said:

I can see the the price on main shop page. Is your issue solved?

That's weird, I replied to this but it disappeared? Thanks for your reply

Issue not solved as the prices are hidden on both the main shop page and also the individual product pages—I can't see any prices anywhere but I'd like to still see them when you click through to individual products

Just bumping this—if anyone has any idea how to do this, I'd be most appreciative 🙂

@paul2009, that's absolutely perfect! Many thanks :):)