Обновление Owl Carousel

Вопрос к разработчикам. Не планируется ли в ближайшем будущем обновление Owl Carousel до 2 версии?

Инструмент очень гибкий в использовании, а в текущей версии карусели в CS Cart много чего отсутствует (например, нормальное зацикливание перелистывания слайдов, а не прокрутка к первому, которая работает только на десктопах).

С помощью баннеров можно многое сделать, даже лаконичную главную страницу:

3 лайка

Вообще интересно узнать бы, как отключить системный овл и подключить свой )
Сейчас нельзя ставить свои параметры на отдельные карусели (например, стрелки на один слайдер и навигацию кругами на второй).

1 лайк

Отключение системного может привести к конфликтам, он используется даже в категориях на товарах с несколькими картинками:

image

Внедрить свой, не изменяя ядро, чтоб ничего не слетело после обновления – это интересный вопрос).
Но очень бы хотелось видеть обновление версии с новыми фичами Owl и расширенными настройками.

Что касается дизайна кнопок и стрелок – для начала их хотя бы внешне надо сделать не такими убогими, как они сейчас есть (например, стрелки под слайдером, а не по краям – это вообще сомнительно). Но этот вопрос можно решить самостоятельно, чуть доработав.

1 лайк
Отключение системного может привести к конфликтам, он используется даже в категориях на товарах с несколькими картинками:

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

Похоже, что Owl в CS Cart очень неполноценный)

Кстати, есть еще отличный Slick: http://kenwheeler.github.io/slick/

Поэтому его можно будет внедрить самостоятельно, если с Owl не выгорит.

1 лайк

Только сегодня выложили обновление нового модуля со слайдером для CS-Cart Хитрый Слайдер.

Также посмотрите модуль Nivo Слайдер.

1 лайк

Вот подключил Слик - тоже не работает )
Хотя на отдельном шаблоне работает.

Кстати, в консоле появляется сообщение на всех owl-скроллах CS Cart. Увидеть её можно через эмуляцию мобильного дисплея, при свайпе карусели:

Вылечить можно либо обновив библиотеку owl-carousel, чего бы очень хотелось увидеть от разработчиков, либо прописав touch-action: none; блоку с каруселью.

Подключил Slick.
Заменил им стандартное отображение изображений в карточке товара:

Главное фото можно листать свайпом, а по клику можно открыть magnific popup; карусель листается бесконечно; превью снизу прокручивается. На небольшом видео функциональность видна: https://drive.google.com/open?id=1O8CFPu4xWKE84IDW82JwH9ev-AcLeEbX

Осталось подправить стили и чуть адаптировать к десктоп версии)

Сделать это используя Owl Carousel встроенный не получилось, в устаревшей версии нет возможности задавать карусель с превью для основного фото.

2 лайка

По какому мануалу подключали? Я подключил, но не скроллится.

Пользовался инфой с оф. сайта: http://kenwheeler.github.io/slick/

Там много примеров с разными настройками карусели.

Подключил на сайте файлы скрипта (основной js, два css), после чего инициализировал скрипт на нужном блоке.

Я подключил, но видимо конфликт скриптов, или jquery не то

В какие файлы вы прописали пути к скриптам?

В /templates/common/scripts.tpl через хук index:scripts
Инфа есть в документации: https://www.cs-cart.ru/docs/4.2.x/developer/instruments/hooks/smarty.html#javascript

Либо можно быстрым способом, через smarty-блок в макете по-умолчанию. Просто создать такой блок и в нем прописать скрипт/путь к скрипту между тегами {literal}{/literal}

Работать будет и так, и так.

Странно, скрипт подключил http://dl4.joxi.net/drive/2018/09/28/0000/1287/29959/59/67c7d2c116.jpg
но всеравно не работает.
Ошибка - http://joxi.net/a2XGXMU1xqyEmg.jpg

@albinoz а вам удалось решить проблему с табами, чтобы слайдер работал не только на первом табе, но и в последующих?

@fevzi, к сожалению, не получилось.