Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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!
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 %}
Thanks for responding!
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 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
User | RANK |
---|---|
163 | |
139 | |
74 | |
69 | |
58 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023