如何在opencart的左侧创建类别和子类别？

Question

I am beginner in open-cart .I currently working in web2print extension in open-cart.I need to create categories and sub categories in left side.I already display categories menu in left side via admin panel,but i need to create display categories and sub-categories in left side bar with similar manner.

 <div class="box clsLeft_menu">
  <div class="box-heading">Some of our specialties:</div>
  <div class="box-content">
    <ul class="box-category">
      <?php foreach ($categories as $category) { ?>
      <li>
        <?php if ($category['category_id'] == $category_id) { ?>
        <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
        <?php } else { ?>
        <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
        <?php } ?>
        <?php if ($category['children']) { ?>
        <ul>
          <?php foreach ($category['children'] as $child) { ?>
          <li>
            <?php if ($child['category_id'] == $child_id) { ?>
            <a href="<?php echo $child['href']; ?>" class="active"> - <?php echo $child['name']; ?></a>
            <?php } else { ?>
            <a href="<?php echo $child['href']; ?>"> - <?php echo $child['name']; ?></a>
            <?php } ?>
          </li>
          <?php } ?>
        </ul>
        <?php } ?>
      </li>
      <?php } ?>
    </ul>
  </div>
</div>

I want to display categories and sub-categories in opencart. example:

--main categories

--sub 1
--sub 2
--sub 3  

--main categories

--sub 1
--sub 2

how to solve it ?Please guide me...

Answer 1

Search for vertical accordion menu. There are plenty of plugins available, though not directly for opencart, can be easily added.

Couple of example:

http://visionwidget.com/jquery-accordion-slider-menu.html

http://www.designchemical.com/blog/index.php/jquery/jquery-tutorial-create-a-jquery-menu-slider/