PHP tema uyumlu foreach ile düzenli döngü sağlama

17-05-2022, 18:25:46

Merhabalar arkadaşlar, PHP ile ürünleri çekiyorum. Ama tema ile uyumlu olarak düzgün çekmek için her 2 ürünü bir div içinde almam gerekiyor. Örnek 2'li html;

<div class="row">
           <div class="col-md-6 wow zoomIn" data-wow-delay="0.1s">
              <div class="tour_container">
                 <div class="ribbon_3 popular"><span>Popular</span>
                 </div>
                 <div class="img_container">
                    <a href="single_tour.html">
                       <img src="img/tour_box_1.jpg" width="800" height="533" class="img-fluid" alt="Image">
                       <div class="short_info">
                          <i class="icon_set_1_icon-44"></i>Historic Buildings<span class="price"><sup>$</sup>45</span>
                       </div>
                    </a>
                 </div>
                 <div class="tour_title">
                   <h3><strong>Arc Triomphe</strong> tour</h3>
                   <div class="rating">
                      <i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i><small>(75)</small>
                   </div>
                   <!-- end rating -->
                   <div class="wishlist">
                      <a class="tooltip_flip tooltip-effect-1" href="#">+<span class="tooltip-content-flip"><span class="tooltip-back">Add to wishlist</span></span></a>
                   </div>
                   <!-- End wish list-->
                </div>
             </div>
             <!-- End box tour -->
          </div>
          <!-- End col-md-6 -->

          <div class="col-md-6 wow zoomIn" data-wow-delay="0.2s">
             <div class="tour_container">
                <div class="ribbon_3 popular"><span>Popular</span>
                </div>
                <div class="img_container">
                   <a href="single_tour.html">
                      <img src="img/tour_box_2.jpg" width="800" height="533" class="img-fluid" alt="Image">
                      <div class="short_info">
                         <i class="icon_set_1_icon-43"></i>Churches<span class="price"><sup>$</sup>45</span>
                      </div>
                   </a>
                </div>
                <div class="tour_title">
                  <h3><strong>Notredame</strong> tour</h3>
                  <div class="rating">
                     <i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i><small>(75)</small>
                  </div>
                  <!-- end rating -->
                  <div class="wishlist">
                     <a class="tooltip_flip tooltip-effect-1" href="#">+<span class="tooltip-content-flip"><span class="tooltip-back">Add to wishlist</span></span></a>
                  </div>
                  <!-- End wish list-->
               </div>
            </div>
            <!-- End box tour -->
         </div>
         <!-- End col-md-6 -->
      </div>
      <!-- End row -->

Bunu nasıl iki ürün çektikten sonra kapa aç yapabilirim? Mantığını anlatırsanız sevinirim.

17-05-2022, 18:36:12

#2

OneGui

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

Merhabalar arkadaşlar, PHP ile ürünleri çekiyorum. Ama tema ile uyumlu olarak düzgün çekmek için her 2 ürünü bir div içinde almam gerekiyor. Örnek 2'li html;

<div class="row">
           <div class="col-md-6 wow zoomIn" data-wow-delay="0.1s">
              <div class="tour_container">
                 <div class="ribbon_3 popular"><span>Popular</span>
                 </div>
                 <div class="img_container">
                    <a href="single_tour.html">
                       <img src="img/tour_box_1.jpg" width="800" height="533" class="img-fluid" alt="Image">
                       <div class="short_info">
                          <i class="icon_set_1_icon-44"></i>Historic Buildings<span class="price"><sup>$</sup>45</span>
                       </div>
                    </a>
                 </div>
                 <div class="tour_title">
                   <h3><strong>Arc Triomphe</strong> tour</h3>
                   <div class="rating">
                      <i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i><small>(75)</small>
                   </div>
                   <!-- end rating -->
                   <div class="wishlist">
                      <a class="tooltip_flip tooltip-effect-1" href="#">+<span class="tooltip-content-flip"><span class="tooltip-back">Add to wishlist</span></span></a>
                   </div>
                   <!-- End wish list-->
                </div>
             </div>
             <!-- End box tour -->
          </div>
          <!-- End col-md-6 -->

          <div class="col-md-6 wow zoomIn" data-wow-delay="0.2s">
             <div class="tour_container">
                <div class="ribbon_3 popular"><span>Popular</span>
                </div>
                <div class="img_container">
                   <a href="single_tour.html">
                      <img src="img/tour_box_2.jpg" width="800" height="533" class="img-fluid" alt="Image">
                      <div class="short_info">
                         <i class="icon_set_1_icon-43"></i>Churches<span class="price"><sup>$</sup>45</span>
                      </div>
                   </a>
                </div>
                <div class="tour_title">
                  <h3><strong>Notredame</strong> tour</h3>
                  <div class="rating">
                     <i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile voted"></i><i class="icon-smile"></i><small>(75)</small>
                  </div>
                  <!-- end rating -->
                  <div class="wishlist">
                     <a class="tooltip_flip tooltip-effect-1" href="#">+<span class="tooltip-content-flip"><span class="tooltip-back">Add to wishlist</span></span></a>
                  </div>
                  <!-- End wish list-->
               </div>
            </div>
            <!-- End box tour -->
         </div>
         <!-- End col-md-6 -->
      </div>
      <!-- End row -->

Bunu nasıl iki ürün çektikten sonra kapa aç yapabilirim? Mantığını anlatırsanız sevinirim.

ikisini de for veya while içine alırsın sonra eğer tema x ise örneğin üstteki y ise alltaki if yazman gerekicek bu şekilde halledersin
yada tamamen class değiştirirsin

17-05-2022, 19:41:58

#3

temurtaha

Yanlış anladınız sanırım işlemde istediğim "row" div'inin içinde içinde yer alan 2 adet col-md-6 ürün var. Her seferinde iki ürün tek foreach içinde kalıyor. Bunu çözmem gerekiyor?

17-05-2022, 19:51:06

#4

thealiyasar

row içindeki 2 ürün dışındaki ürünler nasıl görünüyor ben onu merak ettim.

17-05-2022, 20:01:05

#5

temurtaha

Hocam olay şu şekilde
<div class = row>
<div class urun1>
ürün 1 burada
</div>
<div class urun2>
ürün 2 burada
</div>
</div>

<div class = row>
<div class urun3>
ürün 3 burada
</div>
<div class urun4>
ürün 4 burada
</div>
</div>

bu şekilde devam ediyor

18-05-2022, 00:34:36

#6

ozanalkancomtr

Aslında istediğiniz şey özünde hatalıdır ama yapılabilir. Html ve css kısmını düzenlemeniz daha sağlıklı olacaktır. Yine de aşağıdaki örnek istediğinizi verecektir.

<div class="row">
<?php
$count = count($variable)-1;
foreach ($variable as $key => $value)
{
?>
    <div class="urun">
        <?php echo $key; ?>. ürün burada
    </div>
<?php
    echo ( ($key%2) != 0 AND $key != $count ) ? '</div><div class="row">' : '';
}
?>
</div>

18-05-2022, 11:19:46

#7

temurtaha

Teşekkürler olayı çözdüm.