OpenCart自定义导航栏菜单

OpenCart是一款全球知名的开源商城系统，内置数量庞大的功能，使用OpenCart能极快地部署一个多功能在线商城。

本文介绍如何定制OpenCart主导航栏，这是一个不太受重视，用得又比较多的功能。

源码

首先，找到包含导航栏的源代码，经查找可知， OpenCart导航栏代码在 hearder.tpl 文件中，具体路径是：catalog/view/theme/(YOUR THEME) / template /common/header.tpl 

使用编辑器打开 header.tpl，找到如下的代码块：

<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>
<?php } ?>

对于不熟悉PHP的开发者，这些代码会稍微陌生。不过不用担心，只要懂得HTML，同样也可以完成这项工作。这段代码的作用是，展开 OpenCart 产品分类到，显示到导航栏中，并且动态加载的。也就是说，如果有添加新的分类，导航栏会自动显示。

修改定制

定位到代码的末尾，添加上自己的链接，就可以完成定制了，如下：

<?php if ($categories) { ?>
<div id="menu">
  <ul>
    <?php foreach ($categories as $category) { ?>
    <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
      <?php if ($category['children']) { ?>
      <div>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
      <?php } ?>
    </li>
    <?php } ?>

   //添加自己的链接
   <li><a href="http://www.yourstore.com/about">About</a></li>

  </ul>
</div>
<?php } ?>

这是修改OpenCart导航栏最好、最简单的方式，可以添加任意数量的链接，一切由你的theme决定。

英文原文地址：http://www.designtempest.com/customize-navigation-bar-opencart/