Ask your WordPress questions! Pay money and get answers fast! (more info)

Change Out of Stock to Coming Soon WordPress

Hello, how can I change Out of Stock to coming soon in the button and where the rectangle for checkout is?

How can I change the color of the circle too?

I am looking to do this with CSS.

Answers (1)


Arnav Joy answers:

you can try this in functions.php


add_filter( 'woocommerce_get_availability', 'aj_custom_get_availability', 1, 2);
function aj_custom_get_availability( $availability, $_product ) {

if ( ! $_product->is_in_stock() ) {
$availability['availability'] = __('coming soon', 'woocommerce');
return $availability;

Arnav Joy comments:

or check this

Arnav Joy comments:

to change color of the button you have to write following

.out_of_stock_badge_loop, .out_of_stock_badge_single { background: red !important}

robkaufman comments:

CSS by any chance?