• Owl Carousel jQuery по 3 блока в 2 ряда (bootstrap)?

    @alexshirnin
    если еще кому актуально, решил подобным способом:
    запускаем сначала скрипт, который оборачивает блоки по 2шт, дальше инициализируем карусель
    стилизация и настройки карусели на ваш вкус)

    у меня такая разметка:































    скрипт:
    function promoSlider() {
    const $promoSliderPoints = $('.promo-slider__point');
    const $promoSliderContainer = $promoSliderPoints.parent(); // Родительский контейнер блоков

    let i = 0;
    while (i < $promoSliderPoints.length) {
    const $wrapper = $('');

    for (let j = 0; j < 2 && i < $promoSliderPoints.length; j++) {
    const $clonedPoint = $promoSliderPoints.eq(i).clone();
    $wrapper.append($clonedPoint);
    $promoSliderPoints.eq(i).remove(); // Удаление оригинального блока после клонирования
    i++;
    }

    $promoSliderContainer.append($wrapper);
    }

    initPromoSlider()
    }

    function initPromoSlider() {
    $(".promo-slider").owlCarousel({
    items: 2,
    loop: false,
    autoplay: false,
    margin: 20,
    nav: true,
    dots: false,
    });
    }
    Ответ написан
    Комментировать