Как правильно построить слайдер на php, с такой версткой (пример в вопросе)?

Question

[_ umr]

Есть код слайдера, таких слайдеров на странице может быть 10 и все вроде бы хорошо, но каждые 4 элемента нужно теги <li> оборачивать в отдельный див с классом slider__i. Сначала код общий код, ниже распишу как надо.

<? foreach ($arSections as $key => $value): ?>
  <? foreach ($value['CHILDS'] as $k => $v): ?>
    <div class="homeCategory__i bzz-clearfix" data-id="<?=$v['ID']?>">
      <div class="clerfix hidden visible-xs">
        <h3 class="page-title"><?=$v['NAME']?></h3>
      </div>
      <figure class="home__name pull-left hidden-xs">
        <figcaption><?=$v['NAME']?></figcaption>
        <img src="/img/category/cat.1.jpg" alt="">
      </figure>
      <div class="slider pull-right">

        <div class='slider__i'>
          <? foreach ($v['CHILDS'] as $a => $b): ?>
            <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
              <a href="#">
                <figure><img src="/img/temp/bitmap10.png" /></figure>
                <div>
                  <p><?=$b['NAME']?></p>
                  <span></span>
                </div>
              </a>
            </li>
          <? endforeach; ?>
        </div>

      </div>
    </div>
    <?endforeach;?>
<?endforeach;?>

Теги <li> должны быть обернуты в див по 4шт.

<div class='slider__i'>
   <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
        // SOME CODE
    </li>
     <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
        // SOME CODE
    </li>
    <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
        // SOME CODE
    </li>
  <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
        // SOME CODE
    </li>
</div>

<div class='slider__i'>
   <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
        // SOME CODE
    </li>
     <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
        // SOME CODE
    </li>
    <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
        // SOME CODE
    </li>
  <li data-id="<?=$b['IBLOCK_SECTION_ID']?>">
        // SOME CODE
    </li>
</div>

Массив имеет древовидную структуру. И делится на Категории -> Сабкатегории -> Ссылки
Как мне правильней сделать? Нужны подсказки

Comments

[Сергей ZSA]

Из вашего кода не очень понятно. У вас ведь уже обернуто в первом коде в slider__i и внутри идет цикл, который выводит li. Вам надо чтоб этот цикл прерывался, как только выведет 4 li и потом в следующей итерации форича с arSections вывел бы следующие 4 li ? Немного странная вещь.... По-моему вы что-то перемудрили с вашим кодом.

[_ umr]

Сергей ZSA: Каждые 4 элемента нужно обернуть в div.slider__i ну да я его туда поставил, но это ничего не значит. Нужно так как я описал

[lipinart]

Хорошо бы увидеть распечатанный массив...
На вскидку:

//разбиваем на подмассивы по 4
$4child = array_chunk($v['CHILDS'], 4);
<div class='slider__i'>
  <? foreach ($4child as $a => $b): ?>
    <li data-id="<?=$b['IBLOCK_SECTION_ID']?>"> ... </li>
  <? endforeach; ?>
</div>

P.S. Именуйте переменные понятнее, код будет легче читать.