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

Solved

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

THC2021
Tourist
3 0 1

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

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1002 1151

This is an 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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 4 (4)

Henry_dev
Shopify Partner
105 19 35

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 %}
THC2021
Tourist
3 0 1

Thanks for responding!

LitExtension
Shopify Partner
4860 1002 1151

This is an 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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
THC2021
Tourist
3 0 1

@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