导航模板标签(全局)
导航模板标签开发指南。导航的样式多种多样,这里尽量罗列各种不同导航的调用,后期不断完善。
如果只调用一级导航,参照以下代码修改即可!
<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}
调用后台设置为底部导航的栏目,调用栏目本身及下属二级分类
{volist name="shopcate" id="cate" offset="0" length='9'}
{$cate.cate_name}
>
{if condition="$cate['children']"}
{volist name="$cate['children']" id="soncate"}
{$soncate.cate_name}
{if condition="$soncate['children']"}
{volist name="$soncate['children']" id="soncates"}
{/volist}
{/if}
{/volist}
{/if}
{/volist}
基本同CMS系统,注意链接地址。