0

Нужна помощь по шаблону OneTech https://htmlcode.ru/themes/template/424-Onetech.html В нем имеется карусель Owl Carousel версии 2. Как в цикле foreach вывести элементы, чтобы они не клонировались если в цикле менее 6 элементов?

<!-- Recently Viewed Item -->
<?php foreach ($related as $item): ?>
<div class="owl-item">
    <div class="viewed_item discount d-flex flex-column align-items-center justify-content-center text-center">
        <div class="viewed_image"><img src="/images/<?=$item['img']?>" alt="<?=$item['title']?>"></div>
        <div class="viewed_content text-center">
            <div class="viewed_price"></div>
            <div class="viewed_name"><a href="/product/<?=$item['alias']?>"><?=$item['title']?></a></div>
        </div>
        <ul class="item_marks">
            <li class="item_mark item_discount">-25%</li>
            <li class="item_mark item_new">new</li>
        </ul>
    </div>
</div>
<?php endforeach; ?>

Кастомизировать библиотеки js я не умею, поэтому прошу помощи. Спасибо

1
  • они клонируются через значения infinity в owl-carousel
    – GGO
    28 апр 2020 в 19:59

1 ответ 1

0

По умолчанию выставлены вот такие настройки. Когда в цикле 1 элемент, то в виде он отображается 6 раз

<script>
    $(document).ready(function() {
        $('.owl-item').owlCarousel({
            items: 1,
            loop: true,
            margin: 10,
            autoplay: true,
            autoplayTimeout: 1000,
            autoplayHoverPause: true
        })
    });
</script>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.