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

Solved
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)

Accepted Solutions
LitExtension
Shopify Partner
1952 323 394

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 4 (4)
BrianDev
Pathfinder
70 11 28

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 %}
If helpful then please Like and Accept Solution

Minimog | The Next Generation Shopify Theme
Try Minimog for Free | The Exclusive App included & big UX template library
For more information, please contact me: hi@foxecom.com

LitExtension
Shopify Partner
1952 323 394

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

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