Change Sold Out Text on Specific Products

Site URL: https://caper-harpsichord-tasl.squarespace.com/

Is there a bit if code that would change my Sold Out flags to Closed on specific products? I'd like a way to specify an item is no longer available. Thanks!

https://caper-harpsichord-tasl.squarespace.com/all

pw: art

Add to Design > Custom CSS

/* Sold out to CLosed */
.summary-thumbnail-container[href*="drawing-painting-animals-camp-y9klw"] .product-mark.sold-out {
    font-size: 0 !important;
}
.summary-thumbnail-container[href*="drawing-painting-animals-camp-y9klw"] .product-mark.sold-out:before {
    content: "Closed";
    font-size: 18px !important;
}

On 10/8/2022 at 12:17 PM, tuanphan said:

Add to Design > Custom CSS

/* Sold out to CLosed */
.summary-thumbnail-container[href*="drawing-painting-animals-camp-y9klw"] .product-mark.sold-out {
    font-size: 0 !important;
}
.summary-thumbnail-container[href*="drawing-painting-animals-camp-y9klw"] .product-mark.sold-out:before {
    content: "Closed";
    font-size: 18px !important;
}

Hello @tuanphan do you have the code to remove totally the text SOLD OUT?

14 minutes ago, SacredCrystal said:

do you have the code to remove totally the text SOLD OUT?

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  .product-mark.sold-out {
  
    display : none;
    
    }
    
  </style>

Let us know how it goes.

On 8/12/2023 at 1:03 AM, creedon said:

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  .product-mark.sold-out {
  
    display : none;
    
    }
    
  </style>

Let us know how it goes.

It worked alright, thank you!!

Is the there a way to edit the email notification text?

"Get notified by email when this product is in stock."

3 hours ago, SacredCrystal said:

Is the there a way to edit the email notification text?

<style>

  .product-details .product-restock-notification:not( [ hidden ] ) .product-restock-cta {
  
    visibility : hidden;
    
    }
    
  .product-details .product-restock-notification:not( [ hidden ] ) .product-restock-cta::before {
  
    content : '[enter your custom waitlist email text here between single quotes replacing square brackets]';
    visibility : visible;
    
    }
    
  </style>

This is for v7.1.

Let us know how it goes.

On 8/27/2023 at 9:24 PM, creedon said:

 

<style>

  .product-details .product-restock-notification:not( [ hidden ] ) .product-restock-cta {
  
    visibility : hidden;
    
    }
    
  .product-details .product-restock-notification:not( [ hidden ] ) .product-restock-cta::before {
  
    content : '[enter your custom waitlist email text here between single quotes replacing square brackets]';
    visibility : visible;
    
    }
    
  </style>

This is for v7.1.

Let us know how it goes.

It worked perfect, but the *Sold Out* text keeps showing in the single product page. Is there a way to be removed?

Thank you.