How can I hide sold out item pricing on the Supply Theme?

Simple question and probably solution!?

*Supply Theme → Hide SOLD Item pricing when “Sold Out”.

Is there a copy-past code to do this with?

I have seen countless other topics started on this. However, for almost every other Theme but this one.

When these tips and codes were mentioned I seem to have tried them all with no success.

1 Like

@statesidegarage

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like

https://www.statesidegarage.com/

@statesidegarage

Thanks for store URL

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.sold-out .product-item--price {display: none;}
1 Like

That worked for the Main Product Category pages/view! :slightly_smiling_face:

However, when the Sold items are clicked on…the specific item landing page still displays price.

Is being able to hide pricing in these locations possible?

1 Like

@statesidegarage

it’s my pleasure to help us
It can be done by doing some code customization. please send me a personal message and we can discuss what you’d like

1 Like

Hi

Does it work on the Theme Debut? I need to hide sold item price on collection page as well as on individual product page. Please please help

Thanks

Rachel

1 Like

@xdreamineer

sorry for this issue can you please share store url

Hi i have question how to hiding the sold out items price on warehouse theme

our store url is www.jemjem.com

1 Like

@jack-kim

sorry for that issue bt i can’t see sold out product at any collection please share collection link if product sold out

Is there a way to make it say Sold Out vs price or hiding price?

.sold-out .product-item–price {display: Sold Out;} obviously didn’t work haha

@LunarBrownie

can you please share your store url please

You can see a sold out item on this page!

Instead of $5.00 I want it to say Sold Out in text like this page does!
https://www.vivaciousbombshell.com/collections/anklets

@LunarBrownie

thanks for details, can you try this code.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.sold-out .product-item--price {display: none !important;}

that removes the price from showing which the code above did as well. I however want it to say Sold Out where the Price was . Does that make sense?

Hi,

I’m having the same problem on the supply theme - the code worked to hide prices on the main product page, but when you click on the items that are sold out, it still shows pricing. Any help would be much appreciated!

Thanks,

Ryan