[基础用法]
名称:screening
功能:筛选商品
语法:
{ebuy:screening id='field' currentstyle='active' alltxt='全部' }
<!-- 筛选循环 -->
{ebuy:volist name='$field.list' id='vo'}
<!-- 筛选项标题 -->
<h3>{$vo.param_name}</h3>
<!-- 筛选项标题结束 -->
<div class="claason-price kind-choose">
<li>
<div class="rside-navtitle">
<!-- 筛选的可选值循环 -->
{ebuy:volist name='$vo.value_list' id='val'}
<a {$val.Onclick}>
<span {$val.OnclickID} class="{$val.OnclickClass}">{$val.value_name}</span>
</a>
{/ebuy:volist}
<!-- 筛选的可选值循环结束 -->
</div>
</li>
</div>
{/ebuy:volist}
<!-- 筛选循环结束 -->
<!-- 隐藏域 -->
{$field.hidden}
<!-- 隐藏域结束 -->
{/ebuy:screening}
参数:
id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.title} 变成 {$field1.title}
typeid='' 专用于首页筛选,首页调用标签一定要指定栏目ID
currentstyle='' 应用样式class类名
alltxt='' 筛选数值中的第一个自定义选项,该选项是用于重置单条筛选条件,比如:alltxt='全部',alltxt='不限',alltxt='所有'
empty='' 没有数据时显示的文案
底层字段:
请查阅易购Cms官方提供的数据字典,找到表名 eb_product_screening、eb_product_screening_param、eb_product_screening_value
-------------------------------效果展示--------------------------------
1,调用指定栏目文章
模板调用标准代码
{ebuy:screening id='field' currentstyle='active' alltxt='全部' }
{ebuy:volist name='$field.list' id='vo'}
<h3>{$vo.param_name}</h3>
<div class="claason-price kind-choose">
<li>
<div class="rside-navtitle">
{ebuy:volist name='$vo.value_list' id='val'}
<a {$val.Onclick}>
<span {$val.OnclickID} class="{$val.OnclickClass}">{$val.value_name}</span>
</a>
{/ebuy:volist}
</div>
</li>
</div>
{/ebuy:volist}
{$field.hidden}
{/ebuy:screening}
网站前端显示效果(css样式请自行填充)
【更多示例】
-------------------------------示例1--------------------------------
描述:关闭 “不限” 筛选按钮
{ebuy:screening id='field' currentstyle='active' alltxt='off' }
{ebuy:volist name='$field.list' id='vo'}
<h3>{$vo.param_name}</h3>
<div class="claason-price kind-choose">
<li>
<div class="rside-navtitle">
{ebuy:volist name='$vo.value_list' id='val'}
<a {$val.Onclick}>
<span {$val.OnclickID} class="{$val.OnclickClass}">{$val.value_name}</span>
</a>
{/ebuy:volist}
</div>
</li>
</div>
{/ebuy:volist}
{$field.hidden}
{/ebuy:screening}