How can I hide prices for sold out items on Pipeline theme?

Store Design
, , , ,
1

I’ve looked at and implemented multiple code solutions all day, but I am still waiting for something to work. I’m trying to hide prices on sold-out items across the entire store. I’m working on a clean install of the Pipeline theme. Any help or nudge in the right direction would be appreciated.

2

Hello @Broyco ,

Wrap the price with this condition

{% if product.available %}
// Your theme exisitng price code
{% endif %}

in this way price only visible if product is available.

Thanks

3

Hi @Broyco

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:

.sold-out + .product__grid__price {display: none;}

Regards,

San

4

Hey @Broyco
Kindly share your Store URL and Password if enabled

5

Hi, thanks for reaching out. The store address is https://recon-one.myshopify.com/ and the password is thahtu

Thanks for helping if you’re able.

6

Hi @INA_MSWEB

Thanks for giving it a shot, but the CSS did not work.

7

Thanks @Guleria but I’m not sure where to add the code. I think the price code is in quite a lot of places. Could you point me in the right direction?

8

I’m going to change the password, so just let me know if you’re still interested in taking a look.