OpenCart自定义导航栏菜单
OpenCart是一款全球知名的开源商城系统,内置数量庞大的功能,使用OpenCart能极快地部署一个多功能在线商城。
本文介绍如何定制OpenCart主导航栏,这是一个不太受重视,用得又比较多的功能。
源码
首先,找到包含导航栏的源代码,经查找可知,OpenCart导航栏代码在hearder.tpl文件中,具体路径是:catalog/view/theme/(YOURTHEME)/template/common/header.tpl
使用编辑器打开header.tpl,找到如下的代码块:
<?phpif($categories){?>
<divid="menu">
<ul>
<?phpforeach($categoriesas$category){?>
<li><ahref="<?phpecho$category['href'];?>"><?phpecho$category['name'];?></a>
<?phpif($category['children']){?>
<div>
<?phpfor($i=0;$i<count($category['children']);){?>
<ul>
<?php$j=$i+ceil(count($category['children'])/$category['column']);?>
<?phpfor(;$i<$j;$i++){?>
<?phpif(isset($category['children'][$i])){?>
<li><ahref="<?phpecho$category['children'][$i]['href'];?>"><?phpecho$category['children'][$i]['name'];?></a></li>
<?php}?>
<?php}?>
</ul>
<?php}?>
</div>
<?php}?>
</li>
<?php}?>
</ul>
</div>
<?php}?>
对于不熟悉PHP的开发者,这些代码会稍微陌生。不过不用担心,只要懂得HTML,同样也可以完成这项工作。这段代码的作用是,展开OpenCart产品分类到,显示到导航栏中,并且动态加载的。也就是说,如果有添加新的分类,导航栏会自动显示。
修改定制
定位到代码的末尾,添加上自己的链接,就可以完成定制了,如下:
<?phpif($categories){?>
<divid="menu">
<ul>
<?phpforeach($categoriesas$category){?>
<li><ahref="<?phpecho$category['href'];?>"><?phpecho$category['name'];?></a>
<?phpif($category['children']){?>
<div>
<?phpfor($i=0;$i<count($category['children']);){?>
<ul>
<?php$j=$i+ceil(count($category['children'])/$category['column']);?>
<?phpfor(;$i<$j;$i++){?>
<?phpif(isset($category['children'][$i])){?>
<li><ahref="<?phpecho$category['children'][$i]['href'];?>"><?phpecho$category['children'][$i]['name'];?></a></li>
<?php}?>
<?php}?>
</ul>
<?php}?>
</div>
<?php}?>
</li>
<?php}?>
//添加自己的链接
<li><ahref="http://www.yourstore.com/about">About</a></li>
</ul>
</div>
<?php}?>
这是修改OpenCart导航栏最好、最简单的方式,可以添加任意数量的链接,一切由你的theme决定。
英文原文地址:http://www.designtempest.com/customize-navigation-bar-opencart/
