Чередовать строки и столбцы в каждой записи x по модулю

Question

Я пытаюсь реализовать альтернативные строки и столбцы для каждого x сообщения, используя модуль. И как следующий пример отображает структуру. Все сообщения отображаются, но не в соответствии со структурой 2 и 3 сообщений. Похоже, счетчик не работает и проблема с модулем. Спасибо за обзор.

например:

 // start for each     
 // 2 posts
        <div class="row">
         <div class= "col-md-6"></div>
         <div class= "col-md-6"></div>
        </div>

    // next 3 posts in different row 
    <div class="row">
      <div class= "col-md-4"></div>
      <div class= "col-md-4"></div>
      <div class= "col-md-4"></div>
    </div>

    // repeat this structure for all my posts so: 
    // 2 posts in a row 
    // 3 posts in a row
    // 2 posts in a row 
    // 3 posts in a row 
    // ... 
    // ...

-- end foreach -- 

Вот мой код.

  <div class="wrapper container"> 
      <?php
       $count = 0;

     foreach(code) {
      if(!empty($listing_image_url)){     

        if ( $count % 5 === 0) : ?>
          <div class="row"> 
             <div class="col-md-6 list-column-block">
                  <ul>
              <li>
                <a href="<?php echo url($Url); ?>" class="listing__block__image">    
                  <div class="inner">
                    <?php if(!empty($listing_image_url)){ ?>                              
                      <img src="<?php echo $listing_image_url; ?>"/> 
                        <?php } ?>  
                          <div class="caption">
                            <div class="caption-inner">
                              <span class="caption-appeared">
                                <h5><span><?php print $Count; ?> homes</span></h5>
                              </span>
                              <span class="caption-des">
                                <?php print $title; ?></span><!--
                                 --><?php if ( $region ): ?><!--
                                 -->,<span class="caption-location">
                                      <?php print $region; ?>
                                      </span>
                                <?php endif; ?>
                            </div>
                          </div>
                       </div>
                    </a>              
                 </li>
               </ul>
              </div>
            </div>
            <?php endif;
            $count++; 
        if ($count % 5 === 1) :
          endif; 

        if ( $count % 5 === 2) : ?>
          <div class="row"> 
              <div class="col-md-4 list-column-block">
                    <ul>
              <li>
                <a href="<?php echo url($Url); ?>" class="listing__block__image">    
                  <div class="inner">
                    <?php if(!empty($listing_image_url)){ ?>                              
                      <img src="<?php echo $listing_image_url; ?>"/> 
                        <?php } ?>  
                          <div class="caption">
                            <div class="caption-inner">
                              <span class="caption-appeared">
                                <h5><span><?php print $Count; ?> homes</span></h5>
                              </span>
                              <span class="caption-des">
                                <?php print $title; ?></span><!--
                                 --><?php if ( $region ): ?><!--
                                 -->,<span class="caption-location">
                                      <?php print $region; ?>
                                      </span>
                                <?php endif; ?>
                            </div>
                          </div>
                       </div>
                    </a>              
                 </li>
               </ul>
             </div>
            </div>
          <?php endif;

            if ($count % 5 === 2 || $count % 5 === 3 || $count % 5 === 4) :
             endif; ?> 


       <?php } } ?> 

Answer 1

Насколько я вижу, ваш код будет генерировать новую строку (с одним столбцом) на каждой итерации.

Чтобы создать желаемую структуру, вы можете использовать временный счетчик. Я приведу вам быстрый рабочий пример (сводится к основному). Как видите, я использую оператор по модулю только для определения, есть ли у нас нечетная или четная строка.

Надеюсь, это поможет.

    $posts      = array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
    $count_rows = 1;
    $tmp_counter    = 1;
    $html           = "";

    foreach ($posts as $post) 
    {
        if ($tmp_counter == 1){
            $html .= '<div class="row">';   // create a new row on first run and after counter resets 
        }

        if ( $count_rows % 2 === 1) 
        {   
            // even row >> 2 Cols
            $html .= '<div class= "col-md-6">'.$post.'</div>';  // I would recommend to use a function to generate the post markup

            if ($tmp_counter == 2)
            {
                $html .= '</div>';  // close the row 
                $tmp_counter = 0;   // reset the temporary counter 
                $count_rows ++; // increase number of rows
            }
        }
        else
        {   
            // odd row >> 3 Cols
            $html .= '<div class= "col-md-4">'.$post.'</div>';  // I would recommend to use a function to generate the post markup

            if ($tmp_counter == 3)
            {
                $html .= '</div>';  // close the row 
                $tmp_counter = 0;   // reset the temporary counter 
                $count_rows ++; // increase number of rows
            }
        }

        $tmp_counter++;
    }
    if ($tmp_counter != 1){
        $html .= '</div>';  // close the last row
    }
    echo $html;