2017-09-26 3 views
0

In jeder Schleife ich das Layout meiner Blöcke wechseln wollen, so dass es so sein würde:Alternate Layout für jede Schleife

Loop 1: linke Spalte Bild, rechte Spalte Text Loop 2: Linke Spalte Text, rechte Spalte Bild

Aber bisher alles, was ich bisher habe die Verwaltung ist jeder Block auf der gleichen Seite oder den ersten Block dupliziert, hier ist mein Code so weit:

jede Hilfe oder ein Punkt in der rechte Richtung würde sehr geschätzt werden

<?php $i = 0; 
foreach ($homepageblocks as $block): 
$i++; ?> 
<div class="row"> 
    <div class="container container-fluid"> 
     <div class="col-md-6"> 

       <h2><?php echo $block['title']; ?></h2> 
       <?php echo $block['content']; ?> 
       <a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a> 
     </div> 
     <div class="col-md-6 nopadding"> 
      <img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>"/> 
     </div> 
    </div> 
</div> 
<?php if($i%2 == 0): ?> 
<div class="row"> 
    <div class="container container-fluid"> 
     <div class="col-md-6 nopadding"> 
      <img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>" /> 
     </div> 
     <div class="col-md-6"> 
      <h2><?php echo $block['title']; ?></h2> 
      <?php echo $block['content']; ?> 
      <a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a> 
     </div> 
    </div> 
</div> 
<?php endif; ?> 
<?php endforeach; ?> 

Antwort

1

hinzufügen else Niederlassung zu Ihrem if:

foreach ($homepageblocks as $block): 
    $i++;?> 
<div class="row"> 
    <div class="container container-fluid"> 
<?php 
    // one layout type 
    if($i%2 == 0):?> 
     <div class="col-md-6 nopadding"> 
      <img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>" /> 
     </div> 
     <div class="col-md-6"> 
      <h2><?php echo $block['title']; ?></h2> 
      <?php echo $block['content']; ?> 
      <a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a> 
     </div> 

<?php 
    // another layout type 
    else:?> 
     <div class="col-md-6"> 
       <h2><?php echo $block['title']; ?></h2> 
       <?php echo $block['content']; ?> 
       <a href="<?php echo $block['link']; ?>" class="blue--button">Read More</a> 
     </div> 
     <div class="col-md-6 nopadding"> 
      <img src="<?php echo '/uploads'.$img_path; ?>" alt="<?php echo $block['title']; ?>"/> 
     </div> 
<?php 
    endif;?> 
    </div> 
</div> 
<?php 
endforeach; ?> 
+0

großen Werke, danke! – Tom