ACF Repeater Полевые строки и столбцы

Question

Так что мне нужно использовать поле повторителя в ACF для вывода раздела моего сайта. Способ, которым я его настраивал, создает новый <div class="row landing-item"> каждый раз при его вызове. Мне нужно, чтобы это создавалось каждые 2 раза, поэтому html будет правильным для макета.

<section class="row landing"> 
<h2>Featured Sections</h2> 
<?php if(have_rows('landing_page_landing_items')): ?> 
    <?php while (have_rows('landing_page_landing_items')) : the_row(); ?> 
     <div class="row landing-item"> 
      <div class="small-12 medium-6 columns"> 
       <img src="<?php the_sub_field('landing_image'); ?>"> 
       <h3><?php the_sub_field('landing_title'); ?></h3> 
       <p><?php the_sub_field('landing_text'); ?></p> 
       <a class="button" href="<?php the_sub_field('landing_link'); ?>">Learn More</a> 
      </div> 
     </div><!-- end landing-item --> 
    <?php endwhile; ?> 
<?php endif; ?> 

Если вы посмотрите на выше конечный результат мне нужно это строка с 2-мя колоннами, то грести 2 колонки и так далее и так далее. Снова прямо сейчас он дает мне строку с 1 столбцом каждый раз. Я пробовал перемещаться по инициативам скриптов снаружи и внутри строк и столбцов, но не мог получить правильную последовательность.

Answer 1

Похоже, что вы можете выполнить свою конечную цель, используя функцию Foundation Block Grid, а не стандартную сетку. Если вы используете сетку блоков, вы будете продолжать повторять строку за строкой, основываясь только на количестве элементов в списке. См. Ниже:

<section class="row landing"> 
    <h2>Featured Sections</h2> 
    <div class="row landing-item"> 
     <ul class="small-block-grid-1 medium-block-grid-2"> 
      <?php if(have_rows('landing_page_landing_items')): ?> 
       <?php while (have_rows('landing_page_landing_items')) : the_row(); ?> 
         <li> 
          <img src="<?php the_sub_field('landing_image'); ?>"> 
          <h3><?php the_sub_field('landing_title'); ?></h3> 
          <p><?php the_sub_field('landing_text'); ?></p> 
          <a class="button" href="<?php the_sub_field('landing_link'); ?>">Learn More</a> 
         </li> 
       <?php endwhile; ?> 
      <?php endif; ?> 
     </ul> 
    </div><!-- end all landing items --> 
</section> 

Возможно, вам понадобится сделать некоторый CSS, если вам нужно будет выполнить любое специальное редактирование каждой строки. Я думаю, что это может быть одним из решений вашей дилеммы.