Problem z przewijaniem zdjęć produktu Prestashop 1.6

[mxbomba]

Witam!

 

Mam problem z przewijaniem zdjęć bezpośrednio na stronie produktu. Początkowo zdjęcia były w orientacji pionowej po lewej stronie, ale postanowiłem, że tak będą wyglądać dużo korzystniej. Niestety, ale pewnie coś namieszałem i nie mogę dojść do tego aby wszystko działało jak powinno. Bardzo prosiłbym o pomoc, ponieważ sam załamuje już ręce. Link do sklepu: http://e-hamaki.pl/pl/hamak-jednoosobowy-caribena-purple-85 .

 

Pozdrawiam i z góry dziękuję za pomoc

[atomek]

 w pliku /themes/szablon3/js/product.js masz taki kod:
 

 //init the serialScroll for thumbs
    $('#thumbs_list').serialScroll({
        items:'li:visible',
        prev:'#view_scroll_left',
        next:'#view_scroll_right',
        axis:'x',
        offset:0,
        start:0,
        stop:true,
        onBefore:serialScrollFixLock,
        duration:700,
        step: 2,
        lazy: true,
        lock: false,
        force:false,
        cycle:false
    });

    $('#thumbs_list').trigger('goto', 1);// SerialScroll Bug on goto 0 ?
    $('#thumbs_list').trigger('goto', 0);

    //hover 'other views' images management
    $('#views_block li a').hover(
        function(){displayImage($(this));},
        function(){}
    );

   
    
zamień na:
 

$(document).ready(function() {  // <- to trzeba dodać

//init the serialScroll for thumbs
    $('#thumbs_list').serialScroll({
        items:'li:visible',
        prev:'#view_scroll_left',
        next:'#view_scroll_right',
        axis:'x',
        offset:0,
        start:0,
        stop:true,
        onBefore:serialScrollFixLock,
        duration:700,
        step: 2,
        lazy: true,
        lock: false,
        force:false,
        cycle:false
    });

    $('#thumbs_list').trigger('goto', 1);// SerialScroll Bug on goto 0 ?
    $('#thumbs_list').trigger('goto', 0);

    //hover 'other views' images management
    $('#views_block li a').hover(
        function(){displayImage($(this));},
        function(){}
    );

}); // <- to trzeba dodać

powinno działać

    
    
    
 

[mxbomba]

 w pliku /themes/szablon3/js/product.js masz taki kod:

 

 //init the serialScroll for thumbs
    $('#thumbs_list').serialScroll({
        items:'li:visible',
        prev:'#view_scroll_left',
        next:'#view_scroll_right',
        axis:'x',
        offset:0,
        start:0,
        stop:true,
        onBefore:serialScrollFixLock,
        duration:700,
        step: 2,
        lazy: true,
        lock: false,
        force:false,
        cycle:false
    });

    $('#thumbs_list').trigger('goto', 1);// SerialScroll Bug on goto 0 ?
    $('#thumbs_list').trigger('goto', 0);

    //hover 'other views' images management
    $('#views_block li a').hover(
        function(){displayImage($(this));},
        function(){}
    );

   

    

zamień na:

 

$(document).ready(function() {  // <- to trzeba dodać

//init the serialScroll for thumbs
    $('#thumbs_list').serialScroll({
        items:'li:visible',
        prev:'#view_scroll_left',
        next:'#view_scroll_right',
        axis:'x',
        offset:0,
        start:0,
        stop:true,
        onBefore:serialScrollFixLock,
        duration:700,
        step: 2,
        lazy: true,
        lock: false,
        force:false,
        cycle:false
    });

    $('#thumbs_list').trigger('goto', 1);// SerialScroll Bug on goto 0 ?
    $('#thumbs_list').trigger('goto', 0);

    //hover 'other views' images management
    $('#views_block li a').hover(
        function(){displayImage($(this));},
        function(){}
    );

}); // <- to trzeba dodać

powinno działać

 

    

    

    

 

Jesteś wielki! Wszystko śmiga jak należy, problem rozwiązany!

[mxbomba]

Jeszcze pytanie odnośnie lewej strzałki do przewijania zdjęć. Po przesunięciu zdjęć wskakuje ona na górę. Jest możliwość umiejscowienia jej na równym poziomie wraz z prawą strzałką?

[atomek]

w product.css zmień regułę np. w ten sposób:

#view_scroll_left {
    float: left;
    margin-top: 32px;
    margin-right: 10px;
}


marginesy ustaw tak żeby pasowały do wyglądu

[mxbomba]

Dzięki po raz kolejny! Wszystko podziałało! Pojawił się niestety kolejny problem jak dla mnie dziwny. Mianowicie po wprowadzeniu zmian w plikach product.tpl i product.css (zmiany dotyczące wyświetlania ceny na promocji). Strona produktu wyświetla się w sposób prawidłowy tylko na produktach promocyjnych: http://e-hamaki.pl/pl/hamak-dwuosobowy-alabama-awokado-76 . Natomiast w produktach nie objętych promocją dół strony rozjeżdża się : http://e-hamaki.pl/pl/stelaz-do-hamaka-grande-220kg-41 . 

 

Próbowałem odnaleźć przyczynę, ale niestety nie potrafię ;/  Bardzo proszę o pomoc

 

Ps. Nie chciałem zaśmiecać forum kolejnym tematem

[endriu107]

Jeśli chodzi o zaśmiecanie forum to przypomnę jeden punkt z regulaminu:

 

1 temat = 1 zagadnienie lub 1 pytanie
- Jeżeli masz więcej pytań, otwórz więcej nowych tematów!
- Nie zadawaj pytania w wątku, który zajmuje się innym tematem. Otwórz nowy wątek, nie ma w tym nic złego.