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.
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024