This should be added on document ready

if( jQuery(window).width() <= 1024 ) {
    jQuery('body').on('click', '.woodmart-hover-base', function( e ) {
        window.location = jQuery(this).find('.product-element-top > a').attr('href');
    });
}

and this to Custom CSS for mobile and tablet devices

div.woodmart-hover-base.hover-ready.state-hover, 
div.woodmart-hover-base.hover-ready:hover {
   -webkit-transform: none;
   transform: none;
}

div.woodmart-hover-base .content-product-imagin,
.woodmart-hover-base .fade-in-block {
    display:none;
}