How to load two products in one owl-carousel cell?

Question

JavaScript

In general, there is a task to make just such a carousel.

It turns out that in each cell of the carousel, 2 products are obtained, here is the code for the card template

<div class="block-products-carousel__slider">
        <div class="block-products-carousel__preloader"></div>
        <div class="owl-carousel">
                <div class="block-products-carousel__column">  <!--  ячейка карусели -->
                        <div class="block-products-carousel__cell"></div>    <!--  карточка товара -->
                        <div class="block-products-carousel__cell"></div>    <!--  карточка товара -->
                </div>
                <div class="block-products-carousel__column">     <!--  ячейка карусели -->
                        <div class="block-products-carousel__cell"></div>   <!--  карточка товара -->
                        <div class="block-products-carousel__cell"></div>   <!--  карточка товара -->
                 </div>  
         </div>
 </div>

The question is how to load 2 products into one cell in Opencart, the goods are loaded in a cycle and it turns out either all into one cell, or one per cell, I can’t catch up with how to do 2

Answer 1

maybe this will fit