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

Question

[RollyShpers]

Есть массивы данных товаров: array(name, img, price, etc,). Массивы создаю вытаскивая из бд данные по id брендам с помощью foreach.

Надо создавать карточку где первый массив будет основным товаром, а остальные в карусели от одного бренда и для каждого бренда нужна карточка(10 карточек на одной странице).
. Циклом получается, что каждый элемент оборачивается в

<div class="catalog_item"></div> его пытался вывести за цикл и тоже ничего не вышло.

Вот такой вид:

<div class="catalog_item">
		    <div class="photo">
		        <a href="">
		            <img data-src="">
		        </a>
		    </div>
		    <div class="desc">
		        <div class="title"><a href="">Name Main Product </a></div>
		        <div class="text"></div>
		        <div class="info">
		            <div class="foot">
		                                <span class="price">Price</span>
		                <div class="rating">
		                </div>
		            </div>
		        </div>
		           	<p class="slider_text">Еще товары от этого бренда:</p>
		            <div class="slider_out">
		                <div class="item_slider owl-carousel owl-theme owl-loaded owl-drag">
		                    <div class="owl-stage-outer">
		                        <div class="owl-stage">

		                            <div class="owl-item">
		                                <div class="slide">
		                                    <a href="">
		                                        <div class="slide_photo"><img src=""></div>
		                                        <div class="slide_text">
		                                            <div class="slide_title over">Name Product</div>
		                                            <span class="slide_price">Price</span>
		                                        </div>
		                                    </a>
		                                </div>
		                            </div>
		                            


		                        </div>
		                    </div>


		                <div class="owl-nav disabled"><div class="owl-prev"><span aria-label="Previous">‹</span></div><div class="owl-next"><span aria-label="Next">›</span></div></div><div class="owl-dots"><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot active"><span></span></button></div></div>
		            </div>
		            </div>
		</div>