Merhaba Arkadaşlar,
Kullanmış olduğum template'de bir div içerisinde 2 kayıt getirterek sıralama yapılmış.
Aşağıdaki örnektede görebileceğiniz üzere
owl-one-row adlı div içerisinde 2 ürün çekececek şekilde foreach döngüsüne nasıl sokabilirim.
(10 tane ürün çekeceğim, haliyle
owl-one-row adlı divdeb ekrana 5 div basıp, 10 kayıt getirmesi gerekmekte.)
Yardımcı olabilirseniz sevinirim Arkadaşlar.
<div class="owl-one-row">
<div class="product-item style1">
<div class="product-inner equal-elem">
<div class="product-thumb">
<div class="thumb-inner">
<a href=""><img src="~/Content/images/home1/p1.jpg" alt="p1"></a>
</div>
<span class="onsale">-50%</span>
<a href="" class="quick-view">İncele</a>
</div>
<div class="product-innfo">
<div class="product-name"><a href="">Skullcandy Headphone Grind Wireless (White)</a></div>
<span class="price">
<ins>$229.00</ins>
<del>$259.00</del>
</span>
<div class="group-btn-hover">
<div class="inner">
<a href="" class="compare"><i class="flaticon-refresh-square-arrows"></i></a>
<a href="" class="add-to-cart">Sepete Ekle</a>
<a href="" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="product-item style1">
<div class="product-inner equal-elem">
<div class="product-thumb">
<div class="thumb-inner">
<a href=""><img src="~/Content/images/home1/p6.jpg" alt="p6"></a>
</div>
<span class="onsale">-50%</span>
<a href="" class="quick-view">İncele</a>
</div>
<div class="product-innfo">
<div class="product-name"><a href="">Smartphone MTK6737 Quad Core.</a></div>
<span class="price price-dark">
<ins>$229.00</ins>
</span>
<span class="star-rating">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="review">5 Review(s)</span>
</span>
<div class="group-btn-hover">
<div class="inner">
<a href="" class="compare"><i class="flaticon-refresh-square-arrows"></i></a>
<a href="" class="add-to-cart">Sepete Ekle</a>
<a href="" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-one-row">
<div class="product-item style1">
<div class="product-inner equal-elem">
<div class="product-thumb">
<div class="thumb-inner">
<a href=""><img src="~/Content/images/home1/p1.jpg" alt="p1"></a>
</div>
<span class="onsale">-50%</span>
<a href="" class="quick-view">İncele</a>
</div>
<div class="product-innfo">
<div class="product-name"><a href="">Skullcandy Headphone Grind Wireless (White)</a></div>
<span class="price">
<ins>$229.00</ins>
<del>$259.00</del>
</span>
<div class="group-btn-hover">
<div class="inner">
<a href="" class="compare"><i class="flaticon-refresh-square-arrows"></i></a>
<a href="" class="add-to-cart">Sepete Ekle</a>
<a href="" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="product-item style1">
<div class="product-inner equal-elem">
<div class="product-thumb">
<div class="thumb-inner">
<a href=""><img src="~/Content/images/home1/p6.jpg" alt="p6"></a>
</div>
<span class="onsale">-50%</span>
<a href="" class="quick-view">İncele</a>
</div>
<div class="product-innfo">
<div class="product-name"><a href="">Smartphone MTK6737 Quad Core.</a></div>
<span class="price price-dark">
<ins>$229.00</ins>
</span>
<span class="star-rating">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<i class="fa fa-star" aria-hidden="true"></i>
<span class="review">5 Review(s)</span>
</span>
<div class="group-btn-hover">
<div class="inner">
<a href="" class="compare"><i class="flaticon-refresh-square-arrows"></i></a>
<a href="" class="add-to-cart">Sepete Ekle</a>
<a href="" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
Bir tane değişken tanımlarsın örnek i olurforeach içine koyarsın bu i değişkenini ve i++; şeklinde sürekli 1 arttırırsın,
sonrasında da if (i
% 2==0) { echo '</div> <div class="owl-one-row">';
yazarsın.
foreach içinde <div class="owl-one-row"> kodlarının olmasına gerek yok. Genel mantık bu şekilde olur.