Big Cartel Theme Support

How do I edit my On Sale, Coming Soon and Sold Out product status labels?

How do I edit my On Sale, Coming Soon and Sold Out product status labels?

Changing the product status label text

The text for your product status labels can be easily set via custom CSS. The default CSS is as follows:

/* Text for product status labels */
.product.sale .status > span:before {
	content: "On Sale";
}
.product.soon .status > span:before {
	content: "Coming Soon";
}
.product.sold .status > span:before {
	content: "Sold Out";
}

To change the default text, navigate to your custom style coding area - see Where do I add custom style code? - paste in the above CSS code and then edit it to your preference.

Be careful to only edit the text between the double quotes in this CSS.

As always, click the Done and then Save button to apply our changes when finished.

Targeting specific products

In some cases you may want different products to have different text. For example, let’s say all of the products in our product category Paintings were one of a kind originals. When these products are sold, it makes more sense to label them as “Sold” rather than “Sold Out”.

Using the methods detailed in Using the article tag to create product specific custom styles, we can create custom CSS to target the Paintings products:

/* Paintings category labels */
.product.paintings.sold .status > span:before {
	content: "Sold";
}

AarcadeHow do I edit my On Sale, Coming Soon and Sold Out product status labels?