Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

Hide Prices For Sold Out Items - Empire Theme

Solved

Hide Prices For Sold Out Items - Empire Theme

AdamCPT
Tourist
9 0 4

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

 

AdamCPT_0-1696410103663.png

 

 

Accepted Solutions (2)

ZestardTech
Shopify Partner
5833 1058 1396

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
}

 

ZestardTech_0-1696411266589.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

ZestardTech
Shopify Partner
5833 1058 1396

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
}

 

ZestardTech_0-1696417411418.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 7 (7)

ZestardTech
Shopify Partner
5833 1058 1396

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
}

 

ZestardTech_0-1696411266589.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
AdamCPT
Tourist
9 0 4

Amazing! Thanks so much, worked perfectly! Appreciate the quick help!

ZestardTech
Shopify Partner
5833 1058 1396

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
AdamCPT
Tourist
9 0 4

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? 

 

AdamCPT_0-1696416804831.png

 

 

ZestardTech
Shopify Partner
5833 1058 1396

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
}

 

ZestardTech_0-1696417411418.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
AdamCPT
Tourist
9 0 4

PERFECT! Thank you. Worked like a charm.

ZestardTech
Shopify Partner
5833 1058 1396

Thank you for your response.

If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing