pbootcms栏目（导航、菜单）的用法及案例_PbootCMS教程

pbootcms栏目（导航、菜单）的用法及案例

PbootCMS教程

欧方源码 2022-08-08 3467次

1. 导航高亮

<li {pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}><a href='{pboot:sitedomain}/'>首页</a></li>
{pboot:nav}
<li {pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}><a href="[nav:link]">[nav:name]</a>
  {pboot:if([nav:soncount]>0)}
  <ul>
	{pboot:2nav parent=[nav:scode]}
	<a href="[2nav:link]">[2nav:name]</a>
	{/pboot:2nav}
  </ul>
  {/pboot:if}
</li>
{/pboot:nav}

2、判断有无子栏目

{pboot:if([nav:soncount]>0)}…{/pboot:if}

例1：二级栏目循环判断

{pboot:nav} 
<li><a href="[nav:link]">[nav:name]</a> //一级菜单循环

{pboot:if([nav:soncount]>0)}  <//当有子菜单时显示div
<div>
{pboot:2nav parent=[nav:scode]}
<a href="[2nav:link]">[2nav:name]</a> //二级菜单循环
{/pboot:2nav}
</div>
{/pboot:if}
</li>{/pboot:nav}

例2：判断是否链接赋值

{pboot:nav} 
<li><a {pboot:if([nav:soncount]>0)} href="javascript:;" {else} href="[nav:link]" {/pboot:if}>[nav:name]</a></li>
//无子菜单时显示正常链接，有子菜单时为空连接，用于手机端点击菜单滑出子菜单情况。
{/pboot:nav}

3. 判断内页子栏目高亮


{pboot:if(’[nav:scode]’==’{sort:scode}’)}class=“active”{/pboot:if}
 
//例：
{pboot:nav parent={sort:tcode}}
<li {pboot:if('[nav:scode]'=='{sort:scode}')}class="active"{/pboot:if}><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}

4、判断导航从第几个开始

{{pboot:if(’[nav:i]’>‘2’)}……{/pboot:if} //从第二个开始
例：
 
{pboot:nav} 
{pboot:if('[nav:i]'>'2')}
<li><a href="[nav:link]">[nav:name]</a></li>
{/pboot:if}
{/pboot:nav}

5、隐藏指定 scode 的栏目

{pboot:if([nav:scode]==2||[nav:scode]==4)}style=“display: none;”{/pboot:if} //隐藏 scode 为 2，4 的栏目
 
例：
 
{pboot:nav}           
<li {pboot:if([nav:scode]==2 || [nav:scode]==4)}style="display: none;"{/pboot:if}><a href="[nav:link]">[nav:name]</a></li>
{/pboot:nav}

6、判断当前顶级分类是否有子分类，如果没有判断隐藏

 {pboot:if('{pboot:nav num=1 parent={sort:tcode}}[nav:name]{/pboot:nav}'=='')}style="display:none;"{/pboot:if}

7、导航栏logo居中显示判断

{pboot:nav}
<a href="[nav:link]">[nav:name]</a>{pboot:if([nav:i]==3)}<img src="{pboot:sitelogo}">{/pboot:if}
{/pboot:nav}

会员中心开通VIP 在线客服

声明：本站资源来自网络或会员自行发布，请勿用于非法及商业用途，如果侵犯了您的权益请与我们联系!

上一篇: pbootcms常用if判断条件语句经典用法案例（16个）

下一篇: pbootcms后台密码忘记了怎么办pbootcms密码重设重置工具

栏目导航

热门资源

热门标签

校外辅导 (1) 电动门网页模板 (1) 游乐设施 (1) 模具零件加工网站模板 (1) 美容 (1) 职业学校网页模板 (1) 电子设备 (4) 税务公司模板 (2) 阀门 (1) 环保设备 (5) 五金机械 (1) 个人博客网页模板 (4) 图片切换 (2) 小吃网站模板 (2) 加盟网页模板 (1) 大气模板 (5) 设计类网站模板 (1) 重工设备 (1) 不锈钢弹簧线网页模板 (1) 响应式网站模板 (1) 膜结构 (1) 英文网站模板 (2) 古玩字画网站模板 (1) 宠物用品 (1) IT互联网网页模板 (3) 省市县选择 (1) 办公设备网站模板 (1) 产业协会 (1) 狗粮 (1) 营销 (1) 单页 (1) 电子科技网站模板 (1)