woocms模板制作系列教程之栏目导航的调用方法,可以单独循环调用一级栏目,也可以把二级栏目一起循环调用出来。下面的代码片段是一级和二级栏目一起循环调用;
<!-- navbar start -->
<div class="nav-box">
<ul class="nav">
{foreach menu('nav') as $level1_id=>$level1} <!--循环1级栏目-->
<li>
<a href="{call menu_link id=$level1_id}">{menu($level1_id,'title')}</a>
<div class="sub-nav">
<ul>
{foreach $level1 as $level2_id=>$level2} <!--循环2级栏目-->
<li class="nav_accountSystem">
<a href="{call menu_link id=$level2_id}">{menu($level2_id,'title')}</a>
</li>
{/foreach}
</ul>
</div>
</li>
{/foreach}
</div>
<!-- navbar end -->
代码仅供参考,具体的调用方法可以自由组合搭配。
如果栏目带class属性怎么办?可以增加一个判断,具体看下面的代码;
<div class="sub-nav">
<ul>
{foreach menu('nav') as $level1_id=>$level1}
<li class="{if $is_index}active{/if}"> <!--给当前栏目增加一个active属性-->
<a href="{call menu_link id=$level1_id}">{menu($level1_id,'title')}</a>
</li>
{/foreach}
</ul>
</div>
一级栏目和二级栏目的用法是一样的,具体使用的时候请灵活变通。
如果内容有帮助,就点个赞吧!