Wordpress 更改悬停时的woocommerce产品图像

我想改变产品形象时，鼠标悬停在任何缩略图，然后如果点击它停留在那里，当你移动鼠标

我找到了这段代码，这可能是正确的代码，但我不知道如何实现它。我想知道如何和/或这是否符合我的预期目的

// Add to a js file in your theme/child theme or create a new js file. If you create a new file,        remember to enqueue from functions.php. See example below.

// Adds thumbnail hover to main product img
  jQuery(document).on('hover','.thumbnails .zoom', function(){
  var photo_fullsize = jQuery(this).attr('href');
  jQuery('.woocommerce-main-image img').attr('src', photo_fullsize);
 }); 


 // If you dont need to enqueue from functions.php remove the below
  function YourUniqueID_add_enqueue_scripts() {
  wp_enqueue_script( 'theme_js', trailingslashit( get_stylesheet_directory_uri() ) .    'js/theme.js',       array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'YourUniqueID_add_enqueue_scripts' );