导航标签-{zzz:navlist -- ZZZCMS帮助文档

[复制链接]
查看2446 | 回复0 | 2020-2-27 14:56 | 显示全部楼层 |阅读模式
导航
栏目循环列表导航,导航标签支持三级导航
全局标记(请注意,type和sid引用和aspcms不同)
{zzz:navlist type=? sid=? postion=? num=10}
[navlist:?]
{/zzz:navlist}

参数说明:
名称
参数
选项
说明
事例
类型type=all,news,product,...对应后台模型,不支持数组{zzz:navlist type=news}
分类sid=数字or数组数字(5)为下级,数组(1,2,5)为当前{zzz:navlist sid=5}
位置postion=menu, top, left,end后台设置位置{zzz:navlist postion=top}
数量num=数字非必要,默认空为10{zzz:navlist type=all num=50}
  • 前三项参数必选其一

便签说明:
标签
说明
备注
[navlist:i]计数(从1开始计数)
[navlist:j]计数(从0开始计数)
[navlist:sid]当前分类id
[navlist:tsid]当前分类顶级id
[navlist:psid]当前分类上级id
[navlist:name]栏目名称
[navlist:enname]栏目英文名称
[navlist:link]栏目链接
[navlist:pic]栏目大图
[navlist:ico]栏目小图
[navlist:other1]栏目备用文本
[navlist:other2]栏目备用文本
[navlist:num]下级分类数量
[navlist:target]包含http自动新开窗口输出target="_blank"
常用演示:
顶级导航调用演示
  1. {zzz:navlist type=all}
  2. <li {if:[navlist:sid]= {zzz:tsid}} class="on" {end if}><a href="[navlist:link]">[navlist:name]</a></li>
  3. {/zzz:navlist}
复制代码

左侧导航调用演示
  1. {zzz:navlist sid={zzz:tsid}}
  2. <li {if:[navlist:sid]= {zzz:sid}} class="active" {end if}><a href="[navlist:link]">[navlist:name]</a></li>
  3. {/zzz:navlist}
复制代码

位置标签postion=?
  1. {zzz:navlist postion=top}
  2. <li {if:[navlist:sid]= {zzz:tsid}} class="on" {end if}><a href="[navlist:link]">[navlist:name]</a></li>
  3. {/zzz:navlist}
复制代码

二级导航事例(顶级菜单常用):
  1. {zzz:navlist type=all num=10}
  2. <li><a href="[navlist:link]" {if:[navlist:sid]= {zzz:tsid}} class="active" {end if}>[navlist:name]</a>
  3. {if:[navlist:num]>0}
  4.   <ul>
  5.    {zzz:navlist1 sid=[navlist:sid]}
  6.     <a href="[navlist1:link]">[navlist1:name] </a>      
  7.     {/zzz:navlist1}
  8.     </ul>{end if}
  9.     </li>
  10. {/zzz:navlist}
复制代码

三级导航事例(左侧菜单常用):
  1. {zzz:navlist  sid={zzz:tsid} num=50}
  2. <li {if:[navlist:sid]= {zzz:sid}} class="active" {end if} {if:[navlist:sid]= {zzz:psid}} class="active" {end if}>
  3. <a href="[navlist:link]">[navlist:name]</a>
  4.     {if:[navlist:num]>0}
  5.     <ul>
  6.     {zzz:navlist1 sid=[navlist:sid]}
  7.     <a href="[navlist1:link]">[navlist1:name] </a>
  8.          {zzz:navlist2 sid=[navlist1:sid]}
  9.          <a href="[navlist2:link]">[navlist2:name]</a>
  10.          {/zzz:navlist2}
  11.     {/zzz:navlist1}
  12.     </ul>
  13.     {end if}
  14.     </li>
  15. {/zzz:navlist}
复制代码
三级导航顶级案例:
  1. {zzz:navlist  type=all}
  2.   <li><a href="[navlist:link]" target="_self">[navlist:name]</a>
  3.    {if:[navlist:num]>0}
  4.     <ul style="display: none;" id="subMusic" class="second-menu">
  5.            {zzz:navlist1 sid=[navlist:sid]}
  6.       <li><a href="[navlist1:link]" >[navlist1:name]</a>
  7.         <ul class="third-menu">
  8.                 {zzz:navlist2 sid=[navlist1:sid]}
  9.           <li><a href="[navlist2:link]">[navlist2:name]</a></li>
  10.                   {/zzz:navlist2}
  11.         </ul>
  12.       </li>
  13.           {/zzz:navlist1}
  14.     </ul>
  15.         {end if}
  16.   </li>
  17.   {/zzz:navlist}
复制代码

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-30