Bigcommerce - add soldout watermark to product thumbnail. Ideally paste this code in a script tag in the Footer template.

watermark.js

if($('.ProductMain').find('.OutOfStockMessage').html().length > 10)
{
    $('.ProductThumbImage a img').attr('id','watermark');
    var top = $('.ProductThumbImage a img').position.top;
    var left = $('.ProductThumbImage a img').position.left;
    $('<img id="overlay" src="' + window.location.origin + '/product_images/uploaded_images/soldout.png" />').insertBefore(".ProductThumbImage a > img:first");
    $("#overlay").css({"position":"absolute","top":top,"left":left,"height":"100px","width":"100px"});

}