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.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024