Как решить проблему с каруселью рекомендуемых товаров в карточке товара?

Question

[Вадим Свердлик]

на примере товара vjc.cp.co.ua/bags-ru?product_id=134
изначально карусели небыло. Товары выводились просто блоками,затем я добавил в карусель цикл и получется, что там клик влево не работает а вправо работает ,но нет непрерывности товаров,и они переключаются по 2 товара за клик,не получается это отрегулировать и консоль показывает ошибку

которую так же решить не выходит и хожу по кругу

Comments

[Амир Алимжанов]

У тебя там жесткая каша. Две версии jquery (2.1.1 и 3.3.1). Зачем ты пишешь "jQuery" когда можно просто знак "$" писать. Слайдер у тебя видимо раньше был slick-slider, но ты его поменял на owlCarousel, при чем скопировав html уже инициализированного slick-slider с его классами, структурой и т.д. Скрипт инициализации слика изменен с .slick на .click.

$('.sale-slider').<b>click</b>({
        dots: false,
....

Здесь ты инициализируешь owlCarousel и передаешь ей вместо "опций" пустой объект, т.е. все настройки будут по дефолту.

jQuery(document).ready(function() { jQuery("#owl-demo-2").owlCarousel({ }); });

Потом ниже ты делаешь непонятную вещь:

jQuery('#owl-demo-2')({
                                items: 4,
                                autoPlay: false,
                                loop: true,
                                navigation: true,
                                navigationText: ['<div class="prewArrow slick-arrow slick-disabled" aria-disabled="true" style=""> </div>', '<div class="nextArrow slick-arrow" style=""></div>'],
                                pagination: true
                            });

Тут надо после "jQuery('#owl-demo-2')" все что находится в фигурных скобках перенести в фигурные скобки первого скрипта.

И еще у тебя эти скрипты закомментированы html'ьными комментами, а в теге

Answer 1

[Никита Юдин]

Для зацикливания добавьте свойство
loop: true,

Также в песочнице можете попробовать настроить:
https://codepen.io/Vlastelin/pen/GmjMwW?editors=1010

Comments

[Вадим Свердлик]

loop: true, добавил-ничего

[Владимир]

Вадим Свердлик, если не работает клик влево, вероятно в коде ошибка: лишняя/недостающая запятая, скобка -- что то в этом духе. Может быть, control для прокрутки влево нужно поднять через z-index, бывало и такое. Вобщем, возможны варианты. Но что-то мне говорит, что как только заработает клик влево, так и зацикливание появится. Выкладывайте свой код на codepen.