Помощь Помогите с меню

[world-tour]

Ребят помогите с меню, а то котелок уже не варит с этими пунктами/подпунктами
На борту OC 2.3.0.2
С выводом категорий в header'e вот таким кодом:

<?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">
        <?php foreach ($categories as $category) { ?>
        <?php if ($category['children']) { ?>
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?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>
            <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>
      </ul>
    </div>
  </nav>
</div>
<?php } ?>

Хочу натянуть)) на данное меню:

                <div id="slidemenu" data-hover="dropdown" data-animations="fadeIn">
                    <ul class="nav navbar-nav">
              
                        <li class="active"><a href="#">ПУНКТ МЕНЮ</a></li>
                  
                        <li class="dropdown"> <a href="#" data-toggle="dropdown">ПУНКТ МЕНЮ (ВЫПАДАЮЩИЙ)<span class="ecaret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li class="dropdown-submenu"> <a href="#" data-toggle="dropdown">ПОДПУНКТ (ВЫПАДАЮЩИЙ)<span class="ecaret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">ПОДПУНКТ ПОДПУНКТА</a></li>
                                        <li><a href="#">ПОДПУНКТ ПОДПУНКТА</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">ПОДПУНКТ</a></li>
                            </ul>
                        </li>
                  
                        <li class="dropdown"><a href="blog.html" data-toggle="dropdown">ПУНКТ МЕНЮ<span class="ecaret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">ПОДПУНКТ</a></li>
                                <li><a href="#">ПОДПУНКТ</a></li>
                                <li><a href="#">ПОДПУНКТ</a></li>
                            </ul>
                        </li>

                    </ul>
                </div>

А то путаться начал уже голову себе забил
На выходе:

---------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------