Как правильно собрать html меню со слегка сложной структурой через циклы php?

Question

[_ umr]

Вот цикл, который собирает ХТМЛ, ниже ХТЛМ который должен получится:

$htmlMain = "<ul class='bzz-navbar__cat pull-left'>";
  $htmlItems = '<div class="bzz-navbar__subCat pull-right"><div data-cat="1" class="select"><ul>';
  $index = 0;

  $mainIDs = [];
  while($a = $menu->GetNext()) {
      $index++;

      if($a['DEPTH_LEVEL'] == 1) {
          $htmlMain .= "<li data-cat=".$index." class='select'><span>".$a['NAME']."</span></li>";
          $mainIDs[$a['ID']] = $a['ID'];
      }

      if($a['DEPTH_LEVEL'] == 2) {
          $htmlItems .= "<li><a href=".$a["CODE"]."><figure><img src='/img/temp/bitmap10.png'></figure><div>
                          <p style='color:red'>".$a['NAME']."</p><span>";
      }

      if($a['DEPTH_LEVEL'] == 3) {
          $htmlItems .= "<a href=".$a["CODE"].">".$a['NAME']."</a> &nbsp; ";
      }

  }


  $htmlItems .= "</span></div></a></li></ul><a href=''><img src='/img/temp/bitmap23.png'></a></div></div>";
  $htmlMain .= "</ul>";

Сразу скажу, что смотреть надо на DEPTH_LEVEL==3 именно она строит сабкатегории, и

$htmlItems = '<div class="bzz-navbar__subCat pull-right"><div data-cat="1" class="select"><ul>';

эта строка стоит в неправильном месте. Я просто уже запарился двигать и так и сяк.
А вот такая html должна быть у категорий с ними проблем нет. У каждой категории есть свои саб категории, которые показываются по наведению на категорию

<ul class="bzz-navbar__cat pull-left">
  <li data-cat="1" class="select"><span>Интим</span></li>
  <li data-cat="2"><span>Дилдо</span></li>
  <li data-cat="3"><span>Анальные шарики</span></li>
  <li><a href="">Еще…</a></li>
</ul>

Вот они их хтмл их и не получается правильно построить

<div class="bzz-navbar__subCat pull-right">
<div data-cat="1" class="select">
    <ul>
      <li>
        <a href="">
          <figure><img src="/img/temp/bitmap10.png" alt=""></figure>
          <div>
            <p>Пенисы</p>
            <span>резиновые, ворсовые, 3D </span>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <figure><img src="/img/temp/bitmap10.png" alt=""></figure>
          <div>
            <p>Контрацепция</p>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
<div data-cat="2 class="select">
    <ul>
      <li>
        <a href="">
          <figure><img src="/img/temp/bitmap10.png" alt=""></figure>
          <div>
            <p>Другое</p>
            <span></span>
          </div>
        </a>
      </li>
      <li>
        <a href="">
          <figure><img src="/img/temp/bitmap10.png" alt=""></figure>
          <div>
            <p>Стальные шары</p>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>

Answer 1

[Stalker_RED]

Если есть возможность изменить структуру массива, то я бы делал как-то так:

function array2Menu($items, $level = 0) {
  $result = '';
  foreach ($items as $item) {
    $class= ""; // впишите свои классы в зависимости от $level
    $result .= "<li class=\"$class\"><a href=\"{$item['code']}\">{$item['name']}</a>"; 
    if (!empty($item['childs'])) {
      $result .= array2Menu($item['childs'], $level + 1);
    }
    $result .= "</li>";
  }
  return "<ul class=\"level$level\">$result</ul>"; // тоже впишите свои классы в зависимости от $level
}

Comments

[_ umr]

такой возможности нет

[_ umr]

да и дивы нужны же. Я внизу привел хтмл который должен выйти в сабкатегориях. Но спасибо за попытку помочь

[Stalker_RED]

_ umr: Поменять на дивы не проблема же. А вот то, что входные данные не получится конвертировать - пичалька.

[Stalker_RED]

_ umr: Я, если честно, совсем не понял как у вас там через этот ['DEPTH_LEVEL'] всё устроено, пример данных вы не привели же.

[_ umr]

Stalker_RED: в депт левел 1 находятся категории, в депт левел 3 находятся подкатегории. Но депт левел 3 находится на одном уровне с 1 то есть он не вложен в 1. Единственное что, сабкатегории содержат SEC_ID где хранится ID категории это все по чему их можно распознать

[Stalker_RED]

_ umr: Может проще один раз пройтись по этой структуре и сконвертировать ее в дерево?

[_ umr]

Stalker_RED: да мне не проще. Я хз как его правильно построить. Запарился уже с этим меню

[Анатолий Кирсанов]

_ umr: судя по коду, у Вас в работе шаблон меню компоненты bitrix:menu. Но в нем не может быть так, что "Но депт левел 3 находится на одном уровне с 1 то есть он не вложен в 1." Думаю, в этом проблема. Нужно свести ситуацию к уже известной и хорошо запрограммированной в любом стандартном шаблоне. К примеру, можно перетасовать этот массив (мне приходилось, это возможно).
И куда у Вас делся уровень 2?