Сликовая карусель внутри колонки бутстрэпа - PullRequest
Новая
       15

Сликовая карусель внутри колонки бутстрэпа

0 голосов
/ 27 мая 2019

Моя цель - получить строку с 2 столбцами, в левом столбце будет скользящий слайдер, который будет содержать 3 слайда.Внутри левой колонки у меня есть еще один ряд, потому что на слайде у меня есть сетка элементов 3 на 3.Я не могу правильно инициализировать скользящий слайдер, вот мой код: 

<!-- services -->
<div class="services-container">
    <div class="main-wrapper">

        <div class="row">

            <?php if(have_rows('services')):
                $i = 0;
            ?>  

            // LEFT HALF
            <div class="col-lg-6">
                <div class="services-slide">
                    <div class="row">
                        <?php while(have_rows('services')): the_row();
                            $i++;
                            $title = get_sub_field('icon_title')
                        ?>
                        <?php if($i == 10){break;} ?>

                        // 3 X 3 GRID OF ITEMS
                        <div class="col-lg-4">
                            <p><?php echo $title; ?></p>
                        </div>

                        <?php endwhile;?>
                    </div>
                </div>
            </div>

            <?php endif; ?>

            // RIGHT HALF
            <div class="col-lg-6">
                <p>right side qsldjsajhdaslkd</p>
            </div>

        </div>

    </div>
</div>
<!-- /services -->


    // services slick gallery
        $('.services-slides').slick({
            infinite: true,
            slidesToShow: 1,
            initialSlide: 0,
            autoplay: true,
            autoplaySpeed: 4500,
            fade: true,
            arrows: false,
            dots: false
        });
...