Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


n3m3c

Recommended Posts

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

 

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

ocStore 2.1.0.1.1

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

 

 

Надіслати
Поділитися на інших сайтах


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

В 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/

Змінено користувачем Agatha65
  • +1 1
Надіслати
Поділитися на інших сайтах

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

В 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 силён понятия не имел куда его запихнуть.

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

Надіслати
Поділитися на інших сайтах


  • 4 years later...

Добавлю свой вариант, ибо со 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>

 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.