各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案各类知识收集,PHP技术分享与解决方案

Str Tom,为分享PHP技术和解决方案,贡献一份自己的力量!
收藏本站(不迷路),每天更新好文章!
当前位置:首页 > CMS教程 > hkcms

Hkcms面包屑导航标签

管理员 2023-11-10
hkcms
204

面包屑导航标签

面包屑导航标签是显示网站层次信息,即当前页面在导航层次结构内的位置

格式示例

<h1 class="mb-3 mt-5 bread">{$Cate.title}</h1> <p class="breadcrumbs">{hkcms:breadcrumb class="active_a" symbol=">" /}</p>

html结果

<p class="breadcrumbs"> <a href="/" class="active_a">首页</a>&gt; <a href="/gnxw" class="active_a">国内新闻</a>&gt; <span>演示</span> </p>

结果图

参数

参数名称可选值默认值是否必填说明
catid栏目ID或变量--当前位置的栏目ID ,可以传入变量或指定ID
symbol->-指定分隔符
class
--html class 属性,填写后除了当前位置的标签,其他标签都会加上class属性
currentstyle-active-css class 类名,用于定义当前位置的class
isclick-0-css class 类名,用于定义当前位置是否可点击,1-生成a标签可点击,0=生成span标签不能点击

参数说明

catid栏目ID属性,用于指定当前位置栏目,一般在内容页、列表页无需填写

<p class="lead fw-normal">{hkcms:breadcrumb catid="$Info.category_id" /}</p>

html结果

<p class="lead fw-normal">     <a href="/" class="">首页</a> &gt; <a href="/news/?lang=zh-cn" class="">新闻中心</a> &gt; <span class="active">公司新闻</span> </p>

symbol 分隔符属性,默认是>分隔符
改为/分隔符

{hkcms:breadcrumb symbol=" / " /}

class 类属性。例如:class填写成 item,如下

{hkcms:breadcrumb class="item" /}

html结果

<a href="/" class="item">首页</a> &gt;  <a href="/news/?lang=zh-cn" class="item">新闻中心</a> &gt;  <span class="active">公司新闻</span>

currentstyle 当前位置的class名称,如上,默认是active,你可以在这指定class
isclick是否可点击属性。如上,默认采用span标签,isclick=1则采用a标签。
写法

{hkcms:breadcrumb isclick="1" /}

html 结果

<a href="/" class="">首页</a> &gt;  <a href="/news/?lang=zh-cn" class="">新闻中心</a> &gt;  <a href="/cd/?lang=zh-cn" class="active">公司新闻</a>

示例

  • 指定当前位置

// 根据catid 属性即可指定当前位置 <?php $temp = 2;?> {hkcms:breadcrumb class="active_a" symbol="-" catid="$temp" /} // 直接给值的方式 {hkcms:breadcrumb class="active_a" symbol="-" catid="2" /}


相关推荐

扫码关注

qrcode

QQ交谈

回顶部