title: Replace "Sale" badge by "Out of Stock" in Woocommerce archive pages
body: <p>I am working on woocommerce shop and here is <a href="http://shop.suvidhamitra.com/" rel="nofollow noreferrer">the link of the website shop page</a></p>
  
  <p>On this page the first product is <code>out of stock</code>. I would like to show <code>Out of stock</code> instead of "Sale!" badge on the image. </p>
  
  <p>How can I do this?</p>