Как сделать подкатегории в выпадающем меню в мобильной версии ocstore 2.3.0.2.3

[forlan]

Всем привет. Прошу помочь с тем как сделать подкатегории в выпадающем меню в мобильной версии ocstore 2.3.0.2. Собственно получилось сделать на тестовом сайте http://at7.ru в мобильной версии выпадающее меню для рубрики "Как сэкономить"(но это не категория), но вот как сделать то же самое для реальной категории с подкатегориями "Каталог светильников" не совсем понятно... Ну и скрин с этим выпадающим меню прикрепил, чтобы было понятнее.

Под спойлером стандартный код в catalog/view/theme/default/template/common/header.tpl которые отвечает за вывод категории ну и тот код что я использовал для "Как сэкономить"

Спойлер

<?php if ($categories) { ?>
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
      	<li><a href="/"><i class="fa fa-home" aria-hidden="true"></i></a></li>
        <?php foreach ($categories as $category) { ?>
        <?php if ($category['children']) { ?>
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="" data-toggle=""><i class="fa fa-bars"></i> <?php echo $category['name']; ?></a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">
              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
              <ul class="list-unstyled">
                <?php foreach ($children as $child) { ?>
                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
                <?php } ?>
              </ul>
              <?php } ?>
            </div>
          </div>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>

и вот код который делает вывод подкатегорий в мобильной версии для "Как сэкономить"

Спойлер

<li class="dropdown"><a title="Как сэкономить" href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i> Как сэкономить</a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">
              <ul class="list-unstyled">
                <li><a title="Бонусная программа" href="http://google.ru/programma-loyalnosti">Бонусная программа</a></li>
                <li><a title="Скидка 10%" href="http://google.ru/articles/otkritie-sklada-magazina">Скидка 10%</a></li>
                <li><a title="Товар дня" href="http://google.ru/articles">Товар дня</a></li>
                <li><a title="Последняя модель" href="http://google.ru/specials/">   Последняя модель</a></li>
              </ul>
            </div>
          </div>
        </li>

 

 

 

Змінено 10 жовтня 2019 користувачем forlan