面包屑导航标签
面包屑导航标签是显示网站层次信息,即当前页面在导航层次结构内的位置
格式示例
<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>> <a href="/gnxw" class="active_a">国内新闻</a>> <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> > <a href="/news/?lang=zh-cn" class="">新闻中心</a> > <span class="active">公司新闻</span> </p>
symbol
分隔符属性,默认是>
分隔符
改为/
分隔符
{hkcms:breadcrumb symbol=" / " /}
class
类属性。例如:class
填写成 item
,如下
{hkcms:breadcrumb class="item" /}
html结果
<a href="/" class="item">首页</a> > <a href="/news/?lang=zh-cn" class="item">新闻中心</a> > <span class="active">公司新闻</span>
currentstyle
当前位置的class名称,如上,默认是active
,你可以在这指定classisclick
是否可点击属性。如上,默认采用span标签,isclick=1
则采用a标签。
写法
{hkcms:breadcrumb isclick="1" /}
html 结果
<a href="/" class="">首页</a> > <a href="/news/?lang=zh-cn" class="">新闻中心</a> > <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" /}