[Resolved] Split: Displaying sold text for out of stock products

[Author]

Posts

[glennN]

Hi Waqar,

I'm also trying to add a label "SOLD" instead of showing the pricing for products that are sold out. I've attached a screenshot for reference.

Thank you,
Travis

[Waqar Supporter Languages: English (English ) Timezone: Asia/Karachi (GMT+05:00)]

Hi,

To add the "Sold" text for the out of stock products, you can follow these steps:

1. In the content template used for the view, you can include the text, inside a special span tag with class "sold-text", just below the shortcode for the price ( [wpv-woo-product-price] ):

<span class="sold-text">Sold</span>

2. And in the view's CSS editor, you can include some custom CSS code, to show this text for the out of stock items only and add some styling to it:

span.sold-text {  
font-weight: bold;
text-transform: uppercase;
display: block;
border: 1px solid red;
text-align: center;
color: red;
margin-top: 5px;
}

.item.outofstock p.price span,
.item.instock span.sold-text {
display: none;
}

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

[glennN]

My issue is resolved now. Thank you!