Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi there!
I am looking to hide prices from product listings on our site while they are out of stock.
I am using Empire Theme
I tried the fix suggested on this thread, but did not work: https://community.shopify.com/c/technical-q-a/hide-prices-for-sold-out-items-empire-theme/m-p/194532...
Our site is www.toolcraft.co.za
Currently sold out items still display the price, as below, even with the above attempted fix.
Any help or feedback or suggestion would be greatly appreciated.
Best,
Adam
Solved! Go to the solution
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.productitem__image-container:has(.productitem__badge.productitem__badge--soldout) + .productitem--info > .productitem__price .price__current {
display:none
}
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.productitem__image-container:has(.productitem__badge.productitem__badge--soldout) + .productitem--info > .productitem__price {
display:none
}
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.productitem__image-container:has(.productitem__badge.productitem__badge--soldout) + .productitem--info > .productitem__price .price__current {
display:none
}
Amazing! Thanks so much, worked perfectly! Appreciate the quick help!
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.
Hello again - Follow up - where I had products on promotion, the compare price still pops up - Is there a quick fix to get these to not display on Sold Out items as well?
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:
.productitem__image-container:has(.productitem__badge.productitem__badge--soldout) + .productitem--info > .productitem__price {
display:none
}
PERFECT! Thank you. Worked like a charm.
Thank you for your response.
If helpful then please Like and Accept Solution.
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025