Задержка слайдера

[n3m3c]

Здравствуйте.

 

Не нашел решения по следующей задаче: необходимо сделать задержку отображения слайда в слайдере на дефолтной теме при наведении курсора мыши на него.

ocStore 2.1.0.1.1

Может кто подскажет, как реализовать?

 

 

[Agatha65]

Попробуйте так:

В catalog/view/theme/default/template/module/slideshow.tpl

добавить

stopOnHover: true

$('#slideshow').owlCarousel({
items: 6,
autoPlay: 3000,
singleItem: true,
stopOnHover: true,
navigation: true,
navigationText: ['<i class=fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i&gt],
pagination: true
});

 

http://www.owlgraphic.com/owlcarousel/

Змінено 24 липня 2016 користувачем Agatha65

[n3m3c]

Попробуйте так:

В catalog/view/theme/default/template/module/slideshow.tpl

добавить

stopOnHover: true

$('#slideshow').owlCarousel({

items: 6,

autoPlay: 3000,

singleItem: true,

stopOnHover: true,

navigation: true,

navigationText: ['<i class=fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i&gt],

pagination: true

});

 

http://www.owlgraphic.com/owlcarousel/

Спасибо огромное!

Сегодня только разыскал, что нужно  stopOnHover-ом это реализовать, но так как не шибко в php силён понятия не имел куда его запихнуть.

Можно закрывать :)

[iddqden]

Добавлю свой вариант, ибо со stopOnHover не получилось.

Я остановил все три карусели (главный слайдер, карусель товаров, карусель производителей) следующим образом: во всех трех файлах slideshow.tpl, featuredcarusel.tpl, carousel.tpl в куске кода

<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?>').owlCarousel({
	items: 6,
	autoPlay: 3000,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: true
});
--></script>

надо заменить autoPlay: 3000, на manualAdvance: true,

 

Например этот код в главной карусели должен стать таким:

<script type="text/javascript"><!--
$('#slideshow<?php echo $module; ?>').owlCarousel({
	items: 6,
	manualAdvance: true,
	singleItem: true,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: true
});
--></script>