Out of stock badge color/text

[Ayzoo]

Hey there,

I would like to change the Out of Stock badge on on sold out products. The badge should appear red with white font and the text “SOLD OUT” instead of “out of stock”.

I’ve found several similar requests here in the forum and I have tried changing various custom css codes found, however none of them seem to work.

Color itself for example:

.woocommerce .wc-out-of-stock-badge {
background: #FF0000!important;
}

Thanks for the support
Dario

[Mohammad – SUPPORT]

Hi,
you need to edit the functions.php file in your theme at /wp-content/themes/dante/). Just go in there and add the following line anywhere after the <?php line:

add_filter('woocommerce_get_availability', 'availability_filter_func'); 
function availability_filter_func($availability) { 
$availability['availability'] = str_ireplace('Out of stock', 'Sold Out', $availability['availability']); 
return $availability; 
}

Please provide specific page url with out of stock so i can give exact solution.
Thanks 🙂
With Best Regards
Swift Ideas

[illustrate74]

hi, im needing to do the same with the cardinal theme…i tryed the above method but no joy?
http://rmer1.com/shop just need to replace “out of stock” with “sold”

many thanks
Bradley

[laranz – SUPPORT]

Hi @illustrate74,

“Out of stock” can be found in the .po file, you can change that in the .po file while translating the theme.. Use some plugin like this https://wordpress.org/plugins/codestyling-localization/ to translate the words in the .po file.

Let us know,

Thanks,
laranz.

[illustrate74]

Hi Laranz…i think we have our wires crossed? i dont need to translate anything?

i need to change the english banner text from ” out of stock” to “sold out”

Thanks
Bradley

[laranz – SUPPORT]

Hi,

Just translate the word “Out of stock” to “Sold out”, it will do the trick, no need to translate the whole theme for this.

Hope this helps,

Let us know,

Thanks,
laranz.

[illustrate74]

Hi Laranz, please can you point me in the right direction where to make this change? in which file?

thanks
Bradley

[laranz – SUPPORT]

Hi,

Pass me the WP Login details in a private reply, I will do that for you. Also install this plugin for me https://wordpress.org/plugins/codestyling-localization/

Thanks,
laranz.

[illustrate74]

This reply has been marked as private.

[illustrate74]

pluging now installed

thanks
Bradley

[Rui Guerreiro – SUPPORT]

No problem. Thanks Laranz
-Rui

[illustrate74]

Hi laranz..was there a problem making the changes? http://rmer1.com/shop

thanks
Bradley

[Rui Guerreiro – SUPPORT]

Hi,

Was checking this topic but it seems the word is already changed to “Sold”
Can you confirm?

-Rui

[stoukan]

Hello,

I’d like to change the color of “Out of stock” on the product page. Is there a way to do this?

The above code worked for me to change the text 🙂

Best,
Sarah

[David Martin – Support]

The below should provide you with both the background color and text color:

.woocommerce .wc-out-of-stock-badge {
background: #FF0000!important;
}

.woocommerce .wc-out-of-stock-badge {
color: #000000!important;
}

Thanks,
David.