Click thumbnail sản phẩm bị bay sang cửa sổ mới

Thêm đoạn code sau đây vào file functions.php trong theme tương ứng là được!

add_filter( 'woocommerce_single_product_image_thumbnail_html', 'reigel_woocommerce_single_product_image_html' );
function reigel_woocommerce_single_product_image_html( $image_html ) {
$image_html = str_replace( 'data-rel', 'data-rel2', $image_html );
$image_html = str_replace( 'zoom', '', $image_html );
return $image_html;
}

add_action( 'wp_footer', 'reigel_replace_main_product_image', 99 );
function reigel_replace_main_product_image(){
?>
<script>
jQuery(function($) {
$(document.body).on('click', '.has-post-thumbnail .images .thumbnails a', function(e){
e.preventDefault();
var url_obj = {},
srcset = $(this).find('img')[0].srcset;
srcset.split(", ").map(function(val){
tmp = val.split(" ");
url_obj[tmp[1]] = tmp[0];
return val;
})
$(this).closest('.images').find('.woocommerce-main-image > img').attr('src', url_obj['600w']).attr('srcset', srcset);
});
});
</script>
<?php
}