Jeśli chcemy możemy w łatwy sposób urozmaicić widok strony z produktem. Jeśli nasze produkty mają więcej jak 3 zdjęcia – możemy przewijać miniatury zdjęć na prawo i lewo. Możemy to zrobić tak, aby to przewijanie odbywało się automatycznie.

Należy w tym celu przeedytować plik:

/themes/[nazwa-szablonu]/js/product.js

i w okolicach linii 418 odnaleźć wywołanie metody serialScroll() bibiloteki jQuery. Domyślna wartość jej argumentów wygląda następująco:

$('#thumbs_list').serialScroll({
items:'li:visible',
prev:'a#view_scroll_left',
next:'a#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
});

należy ten kod zmienić na:

$('#thumbs_list').serialScroll({
items: 'li',
prev:'a#view_scroll_left',
next:'a#view_scroll_right',
axis: 'x',
offset: 0,
stop: true,
onBefore: serialScrollFixLock,
duration: 300,
step: 1,
lazy: true,
lock: false,
force: true,
cycle: true,
interval: 2000//auto scroll constantly
});

I to wystarczy abyśmy mogli się ekscytować automatycznym scrollem naszej galerii 🙂

DEMO

Share This:

Zostaw komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *