Стилизовать категории

[Deathnikk]

Ребят. помогите пожалуйста опенкарт 2.3 

как стилизовать вывод категорий в шаблоне ?

не могу никак понять. есть кусок кода со стандартного tpl файла. и код шаблона.  подскажите пожалуйста как заставить это всё работать. 

первый блок кусок стандартного 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">
        <?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 } ?>

а это кусок html шаблона 

Цитата

<div class="jx-menu-holder jx-sticky">
            <div class="container">
                    <div class="header-menu-left">
                        <div class="nav_container">
                            <ul id="jx-main-menu" class="menu">
                                <!-- Item 1 -->
                                <li class="with-sub"><a href="index.html">Home</a>
                                    <ul class="submenu">                                        
                                        <li class="col">
                                           <ul>                                       
                                                <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
                                            </ul>
                                         </li>
                                     </ul>
                                </li>       

                                <!-- Item 2 -->
                                <li class="with-sub"><a href="">Features</a>
                                    <ul class="submenu">                                        
                                        <li class="col">
                                            <ul>                                        
                                                <li class="has-child"><a href="#">Headers</a>
                                                    <ul class="submenu">                                        
                                                        <li>
                                                            <ul>                                      
                                                                <li><a href="header-default.html">Default Header</a></li>
                                                                <li><a href="header-without-topbar.html">Header Without Topbar</a></li>
                                                                <li><a href="header-center-logo.html">Header Centered Logo</a></li>
                                                            </ul>
                                                         </li>
                                                     </ul>
                                                </li>
                                                <!-- Sub-tem 01 -->
                                                <li class="has-child"><a href="#">Pages</a>
                                                    <ul class="submenu">                                        
                                                        <li>
                                                            <ul>                                        
                                                                <li><a href="about-us.html">About Us</a></li>
                                                                <li><a href="our-team.html">Our Team</a></li>
                                                                <li><a href="testimonial.html">Testimonials</a></li>
                                                                <li><a href="404-error.html">404 Page</a></li>
                                                                <li><a href="faqs.html">FAQs</a></li>
                                                                <li><a href="contact.html">Contact Us</a></li>
                                                            </ul>
                                                         </li>
                                                     </ul>
                                                </li>
                                                <!-- Sub-tem 03 -->
                                            </ul>
                                         </li>
                                     </ul>
                                </li> 
                            </ul>                                        
                        </div>
                        <!-- EOF Menu -->
                    </div>
                    <!-- MENU -->
                

                

                    <div class="header-search-right">
                        <div class="jx-header-search">
                        <form action="#" id="search" method="post" class="jx-form-wrapper">
                            <div id="search-input" class="search-inline-block">
                            <input id="search_text" name="search_text" placeholder="Search" class="jx-form-name" type="text">
                            </div>
                            <div id="jx-search-submit">
                            <button type="submit"><i class="fa fa-search"></i></button>
                            <!-- Submit Button -->    
                            </div>
                        </form>
                        </div>
                    </div>
                    <!-- SEARCH FORM -->
                </div>
        </div>

 

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

Змінено 2 березня 2019 користувачем Deathnikk

[Facebook]

Кто туто понимает что вы хотите добиться непонятно. Никто разбираться в этом не будет. Выложили тут коды, а что именно надо сделать и где непонятно, Удалите тему и нормальную создайте.