Make price display as SOLD on collection pages when item is sold out - Dawn theme

Store Design
1

Hi can anyone help with this?

Make price display as SOLD on collection pages when item is sold out - Dawn theme

www.roh-roh.com

TIA

2

Hi @JP1704 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-price.css->paste below code at the bottom of the file:
.price--sold-out .price__container > * {
    font-size: 0 !important;
}
.price--sold-out:after {
    content: "SOLD";
    font-size: 12px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

Hi, thanks it worked! But now there are two SOLD displaying on the product page (see attached pic) is there a way to hide these? As the button also displays a SOLD.

Also - is there a way to hide the sold badge which is displaying on the product image on collection pages? TIA :slightly_smiling_face:

shopify1.jpg
shopify1.jpg500×500 31.9 KB

4

Hi @JP1704 ,

You try revert code, then replace by below code:

#product-grid .price--sold-out .price__container > * {
    font-size: 0 !important;
}
#product-grid .price--sold-out:after {
    content: "SOLD";
    font-size: 12px;
}

.product__info-wrapper .price--sold-out {
    display: none;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

Thanks so much!

Is there a way of hiding the SOLD badge on collection pages displayed on the images but not the SALE badge. TIA