woocms模板制作系列教程之栏目导航的调用方法

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>        

一级栏目和二级栏目的用法是一样的,具体使用的时候请灵活变通。

如果内容有帮助,就点个赞吧!

转载注明出处:http://www.12564.cn/show-11.html

如有疑问请联系 QQ:644233191   微信:zw1688k