Support » Plugin: WooCommerce » Change image on hover on Single Product Page

  • Resolved joosemi1993

    (@joosemi1993)


    Hi all !

    I want to know how can I do that. In the single product page we have 3 thumbnails o the left side and then if you click in one of them it shows bigger. But I want it on hover, I mean, when you pass the mouse above the thumbnail the principal image change.

    Someone know how to do it? I don’t want to use a Plugin

    Thank you very much

    • This topic was modified 6 months, 1 week ago by  joosemi1993.
Viewing 1 replies (of 1 total)
  • I found it on StackOverflow and it works ! If someone want to know how to do it, here it’s the code:

    jQuery(document).ready(function($) {
        $(window).load(function() {
          $('.flexslider').flexslider({
            animation: "slide",
            controlNav: "thumbnails",
            start: function (){
            }
          });
    
          $(".flex-control-thumbs li img").hover(function(){
            $(this).click();
          });
        });
    });
Viewing 1 replies (of 1 total)
  • The topic ‘Change image on hover on Single Product Page’ is closed to new replies.