I'm using the Simple Theme and would like to remove the price of a sold out item

[THC2021]

Hi,

So far I've figured out how to add a 'Sold Out' circle on a product (thank you forum people!) but I would like to remove the price from the listing once it's been sold. Is there a way to do this with html? I'm sort of a novice (I know enough to be dangerous) but if someone could point me in the right direction, I'd so appreciate it.

Here's a link to some of the items that we've sold https://toohipchicks2.com/collections/miscellaneous-vintage?page=2 that still shows the price.

Thanks,

Mary

[BrianDev]

I see you added text labels for sold out products. Did you add them in the code? so you can search for the code where it renders the product price. Then check more conditions if the product is sold out, the price will not be displayed. Eg:

{% unless product_soldout %}
<p class="product__price">{{ product.price }}</p>
{% endunless %}

[LitExtension · Accepted solution]

Hi @THC2021,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.grid-view-item--sold-out .product__price{
	display: none !important;
}

- Step 3: Go to Snippets > product-grid-item.liquid and remove code: https://i.imgur.com/apNJkTN.png
Hope it helps!

[THC2021]

Thanks for responding!

[THC2021]

@LitExtension Thank you for taking the time to respond! This was so very helpful and it worked!

I really appreciate the step by step you gave so I knew where to go and change things.

Like I said in my original post, I know enough to be dangerous and I really didn't want to mess up and make a 

mess out of our website.

Mary