Hide Prices For Sold Out Items - Empire Theme

Hide Prices For Sold Out Items - Empire Theme

toothpaw
Visitor
2 0 0

I believe I have the empire theme. I am trying to make it so when an item is (SOLD OUT the quantity being 0) the price is automatically hidden on the collection / product page. ALSO, hoping to not see "SOLD OUT" in lower right corner of product image as it has done in the past. Here is an example in my store of exactly what I don't want. 

 

 

https://vinylvault.online/collections/art-gallery 

 

 

It is hard to find someone to help me with this issue.. any advice would be appreciated. The main point is for our store I want people to be able to see what we frequently get and then they will come return back to buy it after it comes into stock. 

 

Cheers

Replies 6 (6)

GemPages
Shopify Partner
5625 1262 1288

Hello @toothpaw ,

 

It's the GemPages Support Team and we are glad to assist you today!

 

I would like to give you the recommendation to support you so kindly follow the steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1676431554936.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
.productitem--image-link:has(.badge--soldout) + .productitem--info > .productitem--price,
.product-main .product-pricing .badge--soldout + .product--price {
    visibility: hidden;
}
</style>

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
toothpaw
Visitor
2 0 0
You are amazing! It did work, It still says the text in the little black
box "sold out" it would be nice if I could change that to something like
"add to your wishlist to be updated when it comes back into stock"
That is probably too long. Any ideas on a way I should add that to the
items?
GemPages
Shopify Partner
5625 1262 1288

Hi @toothpaw ,

 

I am glad that my solution is helpful to you.

 

If you want to change "Sold Out" text, you could please try opening Edit default theme content of your current theme 

GemPages_0-1676530062967.png

 

After that, you find "Sold Out" field to edit:

GemPages_1-1676530119780.png

 

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
VolAut
Tourist
3 0 1

Hi,

 

I'm trying to do the exact same thing to the empire theme but this doesn't work for me? Have you any ideas why? Thank you in advance

AdamCPT
Tourist
9 0 4

I started a new Question on the topic, have you managed to get a solution on this in the meantime?

 

Here is a link to my question if you want to monitor for a potential fix - https://community.shopify.com/c/technical-q-a/hide-prices-for-sold-out-items-empire-theme/m-p/225355...

 

AdamCPT
Tourist
9 0 4

Hi there, thanks for this fix. I have the same issue and this did not fix it for me on https://www.toolcraft.co.za/ - do you have a fix I could try?