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.
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024