Cross out items that are out of stock

I am having tough time doing thing like from this image:

​

​

[When product is out of stock it is faded and crossed](https://preview.redd.it/ngrx2zi2yaoa1.png?width=1256&format=png&auto=webp&v=enabled&s=6a04c4baed23f360e4b9b8d57ad0b784aae3623e)

I know that I can go to WooCommerce → Settings → Products. From the Products tab, select the Out of stock visibility checkbox. But in this way, all the simple products that are out of stock will be hidden, which is not a behavior that I want.

​

Any idea? Thanks!

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer