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


 Поделиться

Рекомендуемые сообщения

Всем привет! Возникла сложность с подключением owlCarousel в записях блога. Создаю новую статью, подключаю стили и скрипт+демо html код с официального сайта:

Скрытый текст

<link href="catalog/view/javascript/jquery/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="catalog/view/javascript/jquery/owl-carousel/owl.theme.default.css" rel="stylesheet">
<script src="catalog/view/javascript/jquery/owl-carousel/owl.carousel.js" type="text/javascript"></script>



<div class="owl-carousel owl-theme">
    <div class="item-video" data-merge="3"><a class="owl-video" href="https://vimeo.com/23924346">3</a></div>
    <div class="item-video" data-merge="1"><a class="owl-video" href="https://www.youtube.com/watch?v=JpxsRwnRwCQ">3</a></div>
    <div class="item-video" data-merge="2"><a class="owl-video" href="https://www.youtube.com/watch?v=FBu_jxT1PkA">4</a></div>
    <div class="item-video" data-merge="1"><a class="owl-video" href="https://www.youtube.com/watch?v=oy18DJwy5lI">5</a></div>
    <div class="item-video" data-merge="2"><a class="owl-video" href="https://www.youtube.com/watch?v=H3jLkJrhHKQ">6</a></div>
    <div class="item-video" data-merge="3"><a class="owl-video" href="https://www.youtube.com/watch?v=g3J4VxWIM6s">3</a></div>
    <div class="item-video" data-merge="1"><a class="owl-video" href="https://www.youtube.com/watch?v=0fhoIate4qI">4</a></div>
    <div class="item-video" data-merge="2"><a class="owl-video" href="https://www.youtube.com/watch?v=EF_kj2ojZaE">4</a></div>
</div>

 

В шаблоне для статей article.tpl, добавляю инициализацию скрипта в раздел со скриптами внизу:

Скрытый текст

<script type="text/javascript"><!--
            $(document).ready(function() {
              $('.owl-carousel').owlCarousel({
                items: 1,
                merge: true,
                loop: true,
                margin: 10,
                video: true,
                lazyLoad: true,
                center: true,
                responsive: {
                  480: {
                    items: 2
                  },
                  600: {
                    items: 4
                  }
                }
              })
            })
//--></script>

 

Но не видео не картинки не выводит только текст:

Скрытый текст

image.png

Ссылка на комментарий
Поделиться на других сайтах

14 минуты назад, Bondigo сказал:

На демо Owl Carousel v2.3.4, с этой версией все работает!

на опенкарт подключали отдельно новые версии карусели?

Ссылка на комментарий
Поделиться на других сайтах

9 минут назад, Nameless сказал:

на опенкарт подключали отдельно новые версии карусели?

Не экспериментировал, но по идее должна подключиться.

Попробуйте подменить.

Ссылка на комментарий
Поделиться на других сайтах

Только что, Bondigo сказал:

Не экспериментировал, но по идее должна подключиться.

Попробуйте подменить.

дэк вот по всякому уже вроде попробовал, выводит пустоту. стандартный если скрипт заменить то отваливается вывод в карточке товара. подключил и отдельно, но чет не работает

Ссылка на комментарий
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сейчас и зарегистрироваться позже. Если у вас есть учётная запись, войдите, чтобы публиковать под своей учётной записью.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Показать вместо этого как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Нельзя вставлять изображения напрямую. Загрузите или вставьте изображения по URL.

 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу