{ openzc:pagelist }
pagelist:当前分类分页调用,只能在分类页面使用
字段名称 | 说明 |
---|---|
[field:page_link/] | 分页链接 |
[field:page_name/] | 分页名称 |
[field:page_range/] | 当前产品展示范围 |
[field:page_prototal/] | 总共产品数量 |
[field:page_count/] | 页面数量 |
参数名称 | 参数值 | 说明 |
---|---|---|
listitem | first(首页)|prev(上一页)|next(下一页)|list(正常列表)|last(末页) | 内置固定分页模板调用 |
listsize | 5 | 分页显示页数跨度,超过就显示省略号 |
custom | test | 自定义分页模板标签 |
tpl | new_pagelist.tpl | 自定义分页模板文件 |
① pagelist分页模板自定义
在分类页面自定义分页模板,模板存放位置 “includes/template/YOUR_TEMPLATE/html/modules/tpl/propage.tpl”
分页固定标签: prev(上一页) / next(下一页) / list(列表) / first(首页) / last(末尾) / active(当前状态,该参数不用填)
自定义标签: 自定义标签名称
常用固定分页调用:
自定义调用:( 格式 { openzc:pagelist custom="自定义标签名称"/} )
自定义调用:( 格式 { openzc:pagelist custom="自定义标签名称"/} )
①
Showing -11-0 of 0 item(s)
②
There are 0 products.
③
当前范围(-11-0) 总计(0)
<!-------------------------分页源码内容------------------------------->
分页源码文件位置:“includes/template/YOUR_TEMPLATE/html/modules/tpl/propage.tpl”
{type:prev}
<li class="page-item"><a class="page-link page-link-icon" href="[field:page_link/]"><i data-feather="chevron-left"></i></a></li>
{/type:prev}
{type:next}
<li class="page-item"><a class="page-link page-link-icon" href="[field:page_link/]"><i data-feather="chevron-right"></i></a></li>
{/type:next}
{type:first}
<li class="page-item"><a class="page-link" href="[field:page_link/]"> first </a></li>
{/type:first}
{type:last}
<li class="page-item"><a class="page-link" href="[field:page_link/]"> last </a></li>
{/type:last}
{type:list}
<li class="page-item"><a class="page-link" href="[field:page_link/]">[field:page_name/]</a></li>
{/type:list}
{type:active}
<li class="page-item active"><a class="page-link" href="[field:page_link/]"> [field:page_name/] </a></li>
{/type:active}
{type:flow}
<div class="openzc-load" data-action="listFlow" data-pagecount="[field:page_count/]" data-type="click" data-reload="listLoad" data-bh="200" >
<button class="openzc-load-btn btn btn-primary" style="display:block;">加载更多</button>
<p class="openzc-load-none" style="display:none;">加载完毕</p>
</div>
{/type:flow}
{type:info}
Showing [field:page_range/] of [field:page_prototal/] item(s)
{/type:info}
{type:text}
There are [field:page_prototal/] products.
{/type:text}
{type:info1}
当前范围([field:page_range/]) 总计([field:page_prototal/])
{/type:info1}
<!-------------------------分页源码内容------------------------------->
② pagelist可自定义模板文件
在分类页面自定义分页模板,模板存放位置 “includes/template/YOUR_TEMPLATE/html/modules/tpl/自定义文件.tpl”
分页固定标签: prev / next / list / first / last / active
自定义标签: 自定义标签名称
常用固定分页调用:
自定义调用:( 格式 { openzc:pagelist custom="自定义标签名称"/} )
自定义调用:( 格式 { openzc:pagelist custom="自定义标签名称"/} )
①
自定义分页模板文件:Showing -11-0 of 0 item(s)
<!-------------------------前端调用代码------------------------------->
常用固定分页调用:<br/>
<nav aria-label="Page navigation example" class="mt-3">
<ul class="pagination">
{openzc:pagelist listitem="first,prev,list,next,last" listsize="5" tpl="pagelist1.tpl"/}
</ul>
</nav>
自定义调用:( 格式 { openzc:pagelist custom="自定义标签名称"/} )<br/>
<p>
<span>① {openzc:pagelist custom="info" tpl="pagelist1.tpl"/}</span><br/>
</p>
<!-------------------------前端调用代码------------------------------->
<!-------------------------分页源码内容------------------------------->
分页源码文件位置:“includes/template/YOUR_TEMPLATE/html/modules/tpl/pagelist1.tpl”
{type:prev}
<li class="page-item"><a class="page-link page-link-icon" href="[field:page_link/]"><i data-feather="chevron-left"></i></a></li>
{/type:prev}
{type:next}
<li class="page-item"><a class="page-link page-link-icon" href="[field:page_link/]"><i data-feather="chevron-right"></i></a></li>
{/type:next}
{type:first}
<li class="page-item"><a class="page-link" href="[field:page_link/]"> FIRST </a></li>
{/type:first}
{type:last}
<li class="page-item"><a class="page-link" href="[field:page_link/]"> LAST </a></li>
{/type:last}
{type:list}
<li class="page-item"><a class="page-link" href="[field:page_link/]">[field:page_name/]</a></li>
{/type:list}
{type:active}
<li class="page-item active"><a class="page-link" href="[field:page_link/]"> [field:page_name/] </a></li>
{/type:active}
{type:flow}
<div class="openzc-load" data-action="listFlow" data-pagecount="[field:page_count/]" data-type="click" data-reload=".load-grid:grid,.load-grid-list:grid-list" data-bh="200" >
<button class="openzc-load-btn btn btn-primary" style="display:block;">Load More</button>
<p class="openzc-load-none" style="display:none;">The end of the list is loaded</p>
</div>
{/type:flow}
{type:info}
自定义分页模板文件:Showing [field:page_range/] of [field:page_prototal/] item(s)
{/type:info}
<!-------------------------分页源码内容------------------------------->