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 %}
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
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!
Thanks for responding!
@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 |
---|---|
126 | |
99 | |
74 | |
72 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022