Jump to content

[Gelöst] Thumbnail auf mobiler Version geht nicht mit


Selma

Recommended Posts

Hallo, beim Bewegen der Pfeile geht das Produktfoto oben zeitgleich mit der Thumbnail  Abbildung unten mit. Dies ist auch richtig so. 

Das Problem ist, dass auf dem Handy, also auf der mobilen Version, beim bewegen der Thumbnails das Foto oben nicht gleichzeitig mitgeht. Man bewegt also erst den Pfeil und muss dann (was hier stört) auch extra nochmal auf das Thumbnail drücken, um oben das grosse  Foto sehen zu können.

Wie kann ich das ändern, (also auf der mobilen Version), damit beim betätigen der Pfeile dasselbe Foto auf dem Thumbnail und dem Foto oben erscheint.

http://guzide.eu

thumbnail.jpg

Edited by Selma (see edit history)
Link to comment
Share on other sites

You can add below code in you javascript file: /themes/alexa/assets/js/custom.js

$(document).on('click', '.scroll-box-arrows .material-icons', function(e) {
    if ($(window).width() < 768) {
        setTimeout(function() {
            var imgSrc = $('.product-images li:first-child img').attr('data-image-large-src');
            $('img.js-qv-product-cover').attr('src', imgSrc);
        }, 700);
    }
});

This will change large images also.

Edited by Divyesh Prajapati (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...