导航模板标签(全局)

导航模板标签开发指南。导航的样式多种多样,这里尽量罗列各种不同导航的调用,后期不断完善。
带有二级下拉菜单且当前栏目高亮(全局)
如果只调用一级导航,参照以下代码修改即可!
		<div class="nav_main">
		  <ul class="nav clearfix w1200">
		<li  {if condition="$topcid eq 'index'"} class="hover" {/if}><a class="aLink" href="/">网站首页
		
			{volist name="cateRes" id="cate" offset="0" length='7'}
			<li {if condition="$cate['id'] eq $topcid"} class='hover' {/if}><a class="aLink" href="{$cate.cate_attr|makeurl=###,$cate.id}">{$cate.cate_name}</a>
		<!—二级导航开始-->
		      {if condition="$cate['children']"}
			  <ul class="subnav">
		        {volist name="$cate['children']" id="soncate"}
		        <li class="nav1"><a href="{$soncate.cate_attr|makeurl=###,$soncate.id}">{$soncate.cate_name}</a></li>
		        {/volist}
		      </ul>
			  {/if}
		<!—二级导航开始-->
		    </li>
			{/volist}
		
		 </ul>
		</div>

		      
代码解释:offset="0" length='7' 代表的显示几个 7 表示7个。表示从第0个开始一共显示7个offset 表示从第几个开始length 表示一共显示几个! 如果不指定offset 默认从第一个开始 至于排序和是否显示,是根据后台设置而变化!class="hover" 是高亮的样式控制 可以在{$cate.cate_name}前加上{$i} 代表序号!从1开始
三级导航调用高亮显示(全站通用)
		<nav class="nav">
		<div class="main-nav clearfix" skinobjectzone="menu_461">
		<ul class="sf-menu">
			
		<li {if condition="$topcid eq 'index'"} class="current" {/if}><a class="first-level" href="/" target=""><strong>网站首页</strong></a><i></i></li>
		
		{volist name="cateRes" id="cate"}
		<li {if condition="$cate['id'] eq $topcid"} class='current' {/if}>
		<a class="first-level" href="{$cate.cate_attr|makeurl=###,$cate.id}"><strong>{$cate.cate_name}</a><i></i>
		
		{if condition="$cate['children']"}
		<ul>
			{volist name="$cate['children']" id="soncate"}
		<li>
			<a  href="{$soncate.cate_attr|makeurl=###,$soncate.id}" target=""><strong>{$soncate.cate_name}</strong></a></i>
		
		{if condition="$soncate['children']"}
		<ul style="display: block;">
		{volist name="$soncate['children']" id="soncates"}	
		<li><a href="{$soncates.cate_attr|makeurl=###,$soncates.id}">{$soncates.cate_name}</a></li>
		 {/volist}
		</ul>
		{/if}
		</li>
		 {/volist}
		</ul>
		{/if}
		</li>
		{/volist}
		
		</ul>
		</div>
		</nav>

		      
以上导航的调用,是我们常见的导航样式,这里可以扩展使用,比如:有些导航下拉带有图片展示,其实就是栏目图片的调用,可根据栏目名称的调用方法,调用即可。所有栏目的信息均可调用!
去除导航中最后一个竖线
				<ul class="top_r fr">
						{volist name="cateRes" id="cate"  length='4'}
					<li><a href="###">{$i}..{$cate.cate_name}</a> </li>
					  {if condition="$i neq 4"}
					  
					    <li class="line"></li> 
					   {/if}   
				{/volist}
				</ul>
                
注:length 导航的数量,{$i}指的是导航的序号,从1开始
导航自动换行
					<volist name="list" id="vo" mod="5">
				{$vo.name}
				<eq name="mod" value="4"><br/></eq>
				</volist>
                  
mod循环计数,0,1,2,3,4 当值为4的时候换行。也就是5条数据换一行。
底部导航调用
								
								
{volist name="catebottom" id="cate" offset="0" length='4'}
{$cate.cate_name}
{if condition="$cate['children']"} {volist name="$cate['children']" id="soncate"}
{$soncate.cate_name}
{/volist} {/if}
{/volist}
调用后台设置为底部导航的栏目,调用栏目本身及下属二级分类
商城分类导航调用 (三级)
							
									
				    
基本同CMS系统,注意链接地址。