Woocommerce 3.x图像交换“On Hover”拇指

Question

有点挣扎，我想请求我的堆栈研究员的帮助。

单品页： 有没有人知道在缩略图上更改“点击”事件“on on hover + on click（用于响应目的）”的技巧？

我知道这是一个经常出现的问题，但看起来自WooCommerce的de 3.0以来已被弃用。

看起来我必须更改FlexSlider js中的功能，但我找不到这个位置。

如果可以提供帮助，我正在使用“Atelier主题”。

还可以在那里找到我的网站：https://unisashoes.com.au/product/wikera-ks/

干杯

Answer 1

我最后弄明白，只是在悬停时触发 li 上的点击事件。

我还添加了一个 jQuery（document）.ready（function（$）{，因为使用了 jQuery.noConflict（）; 如果没有，$是未定义的。

jQuery(document).ready(function($) {
    $(window).load(function() {
      $('.flexslider').flexslider({
        animation: "slide",
        controlNav: "thumbnails",
        start: function (){
        }
      });

      $(".flex-control-thumbs li img").hover(function(){
        $(this).click();
      });
    });
});