Разная компоновка для n-х рядов ACF REPEATER

Я использую повторитель ACF для отображения изображений, я хочу добиться макета, чтобы 1-2-3 элемента соответствовали сетке col-lg-4, а 4-5-6-7 - с сетке col-lg-3 и так далее, повторяя этот макет для всех элементов

Я пытался использовать, но это чтобы получить 3 элемента в 1 div

в основном мой макет будет

first row 3x col-lg-4
second row 4x col-lg-3
third row 3x col-lg-4
fourth row 4x col-lg-3 


<?php 

// check if the repeater field has rows of data
if ( have_rows('gallery_repeater') ):
    // loop through the rows of data

    // add a counter
    $count = 0;
    $group = 0;

    while ( have_rows('gallery_repeater') ) : the_row(); 
      // vars
      $teacher_bio = get_sub_field('image');
      if ($count % 3 == 0) {
        $group++;
        ?>
          <div id = "teachers-<?php echo $group; ?>" class = "cf group-<?php echo $group; ?>">
        <?php 
      }
      ?>
      <div class = "teacher">
        <img src = "<?php the_sub_field('image'); ?>" />

        <?php echo $teacher_bio; ?>
      </div><!-- .teacher -->
      <?php 
        if ($count % 3 == 2) {
          ?>
            </div><!-- #teachers -->
          <?php 
        }
        $count++;
      endwhile;
  else :
    // no rows found
  endif;

?>

Вы хотите col-lg-4 только для 1-2-3 элемента, верно? для всех остальных должно быть col-lg-3

Jaimin Panchal 16.05.2019 10:21

они должны переключаться так, чтобы 1,2,3 были в col-lg-4, 4-5-6-7 в col-lg-3, 8,9,10 в col-lg-4 и т.д.

Dzodzos 16.05.2019 11:04
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Symfony Station Communiqué - 7 июля 2023 г
Symfony Station Communiqué - 7 июля 2023 г
Это коммюнике первоначально появилось на Symfony Station .
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Установка и настройка Nginx и PHP на Ubuntu-сервере
Установка и настройка Nginx и PHP на Ubuntu-сервере
В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Как установить PHP на Mac
Как установить PHP на Mac
PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...
0
2
396
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Привет. Пожалуйста, проверьте ниже код для справки:

$gallery_repeater = get_field('gallery_repeater');
foreach (array_chunk($gallery_repeater, 7) as $key => $value) {
    foreach ($value as $k => $val) {
        $class = $k < 3 ? 'col-lg-3' : 'col-lg-4';
        echo '<div class = "'.$class.'"> <img src = "'.$val['image'].'" />'.$val['teacher_bio'].'</div>';
    }
}

Другие вопросы по теме