2'şerli 10 kayıt çekmem gerekli. (Foreach)

22-04-2018, 14:22:57

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>

22-04-2018, 14:28:06

#2

orcuntuna

2 array oluşturun ve forarch dışında bir başlangıç değeri tanımlayın ($i = 1) her foreach döngüsünde i yi bir arttırın ve dögü içinde i yi baz alarak tek sayıları array 1 e çift sayıları array 2 ye ekleyin. Sonra 2 foreach döngüsü ile sol tarafa array 1 i sağ tarafa array 2 yi yazdırın. Şöyle bir çıktı alacaksınız:

1 2
3 4
5 6
7 8
9 10

22-04-2018, 14:28:42

AkelBilisim

Kimlik doğrulama veya yönetimden onay bekliyor.

ByQush adlı üyeden alıntı: mesajı görüntüle

<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.

22-04-2018, 14:47:49

#4

ByQush

Basit bir örnekle gösterebilir misiniz arkadaşlar.