Squarespace Products: Changing 'SOLD OUT' to 'SOLD' (or something else)

When product stock is zero, Squarespace can (if configured in the Style Editor) display a ‘SOLD OUT’ label beside a product. Here’s a straightforward way to change the ‘SOLD OUT’ label to ‘SOLD’ or anything else.

Add the following to Custom CSS and change it as necessary:

 /* Change Sold Out to Sold */
 .product-mark.sold-out { 
   text-indent: -9999px;
 }
 .product-mark.sold-out:after {
   content: 'Sold'; 
   text-indent: 0; 
   display: block; 
   margin-top: -1em; 
 }