Проблема с подключением owl carousel

Ed71

Постоялец
Регистрация
6 Янв 2015
Сообщения
115
Реакции
23
Здравствуйте. Подскажите, пожалуйста, как подключить owl carousel. Хочу поставить ее в модули: Новинки, Рекомендуемые, Хиты продаж и Акции, чтобы можно было перелистывать дополнительные изображения товаров. На сайте у меня они выводятся модулем табы. Дополнительные изображения подключаю так:
Код:
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

<?php foreach ($product['dop_img'] as $img) { ?>

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $img;?>" alt="<?php echo $product['name']; ?>"></a></div>
Но, когда обертываю их в <div class="owl-addimage owl-carousel">
Код:
<div class="owl-addimage owl-carousel">

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>

<?php foreach ($product['dop_img'] as $img) { ?>

<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $img;?>" alt="<?php echo $product['name']; ?>"></a></div>

<?php } ?>

</div>
То картинки товаров вообще не отображаются, просто пустое место. Пробовал подключить галерею fotorama все нормально выводится и перелистывается, а с owl carousel засада какая-то. Причем в категориях и поиске она отлично работает, а вот в модулях - никак. Направьте, пожалуйста, на путь истинный, подскажите в чем может быть дело, куда нужно копать. Заранее огромное спасибо.
 
Здравствуйте. Можете дать ссылку где воспроизводится данный баг? Пока в голову пришло только что, возможно, не подгружаются либо стили либо скрипты на той странице, где вы обернули картинки. Или скрипт owl carousel конфликтует с другими скриптами. Ошибки в консоли разработчика в браузере смотрели? Есть что-нибудь?
 
Здравствуйте. Спасибо за ответ. Сейчас я поставил табы с каруселью товаров, т.е. уже одна owl карусель в них есть, которая прокручивает новинки, рекомендуемые и т.д. Однако прокрутка дополнительных изображений в самих товарах в этом модуле, по прежнему реализована с помощью fotorama. Сейчас во вкладке рекомендуемые заменил ее на owl карусель. Вот ссылка: Для просмотра ссылки Войди или Зарегистрируйся. В консоли пишет: Метод getPreventDefault() является устаревшим. Для его замены используйте метод defaultPrevented.
 
Сейчас выдает
Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE, expecting ']' in /var/www/c381952/public_html/stylishjewel.ru/catalog/view/theme/stylishjewel/template/module/product_tab.tpl on line 241

Откатите назад последние правки, чтобы я мог взглянуть
 
Прошу прощения, сейчас нормально отображается.
 
Почему-то datepicker отвалился. jquery-1.8.3.js - эту версию вы сами поставили? На 1.5.5.1 по дефолту 1.7.1 стоит
 
У меня 1.5.5.2, да сам ставил. Просто с 1.7.1 у меня галерея fotorama отказалась работать.
 
Вы хотите вместо фоторамы поставить owl везде? В табах и в карточке товара? Ссылку можете дать откуда брали модуль с табами. Разверну у себя на демке.
 
Фотораму я хочу оставить в карточке товара. А все остальное желательно бы сделать, чтобы была owl карусель. Модуль Табы с каруселью товаров выдирал из шаблона AVA-STORE, кнопки: новинки, рекомендуемые и т.д. тоже добавлял вручную, не помню уже с какого сайта я их брал, если нужно могу его куда-нибудь выложить. Только вечером - он дома у меня на компе уже в готовом виде, а я сейчас на работе. :)
 
Выложите куда-нибудь - я на днях гляну
 
Назад
Сверху