How to hide prices for sold out items in Studio theme?

Store Design
1

I am trying to find a way to hide prices on collection pages and product pages for items that are sold out, using the Studio theme. I’ve tried a lot of answers on here related to other themes, but none seem to work for Studio.

2

Well, I figured it out after some experimentation lol.

You’ll want to edit your code, and find “component-price.css” in your Assets folder.

Add the following code to the bottom of “component-price.css”:

.price–sold-out .price__regular,> .price–sold-out .price__sale,> .price–sold-out .price__unit {> display: none !important;> }

3

@rolandspec
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

4

Hi @rolandspec ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

5

Hello @rolandspec

Greetings!!

  1. Online Store->Theme->Actions->Edit code
  2. Find Asset >base.css and paste this code at last
.price.price--sold-out { display: none; }

It will work on both (the collection page and the product detail page)

I hope it will help you

6

@rolandspec

sorry for that issue can you try this global code home, collection, and product page work as well

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file.
.price--sold-out {display: none;}
7

Asset - /base.css- paste below code at the bottom of the code

.price--sold-out {display: none;}
8

Hello, I have a theme that Shopify themselves cannot problem solve for me. The theme is Minimal 3.10.1
I am trying to edit the code to hide pricing for out of stock items. All of the responses above dont seem to be geared towards this particular theme. Thanks.
Can someone please assist?