How to remove the price on products that have sold out, Brooklyn theme

Store Design
1

Hi there,

Could I get some help on how to remove the price on products that have sold out. I still want the products to appear on the page. I managed to add the “Sold out” after the product title but have been unsuccessful hiding the price if sold out.

Screen Shot 2021-09-02 at 5.42.40 pm.png
Screen Shot 2021-09-02 at 5.42.40 pm.png3360×2100 1.14 MB

Thank you,

Melanie

1 Like
2

Hello there.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
.is-sold-out .grid-product__price-wrap {
display: none;
}
3

@Moosha

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.is-sold-out .grid-product__price-wrap {
display: none;
}

Hope this works.

Thanks!

4

Thanks but I still want to keep the Sold out text, only remove the price

Screen Shot 2021-09-02 at 5.42.40 pm.png
Screen Shot 2021-09-02 at 5.42.40 pm.png3360×2100 1.14 MB

1 Like
5

Hello There,

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

6

URL https://melanie-valentine.myshopify.com

1 Like
7

Hello there.

In this the structure has to be changed because the text and price are in the same tag.

8

@Moosha

Please remove the old given code and add this new code instead.

.is-sold-out .grid-product__price-wrap { visibility: hidden; }
.is-sold-out .grid-product__price-wrap .grid-product__price, .is-sold-out .grid-product__price-wrap .long-dash {
    visibility: visible;
}

Hope this works.

Thanks!

9

thank you! do you know how I could change it to just “Sold” instead of “sold out”?