Change image on hover on Single Product Page

  • Resolved joosemi1993

    (@joosemi1993)


    5 years, 7 months ago

    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 5 years, 7 months ago by joosemi1993.
Viewing 1 replies (of 1 total)
  • Thread Starter joosemi1993

    (@joosemi1993)

    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.