Version 5.1.5

{ openzc:pagelist }

pagelist:当前分类分页调用,只能在分类页面使用

字段名称 说明
[field:page_link/]分页链接
[field:page_name/]分页名称
[field:page_range/]当前产品展示范围
[field:page_prototal/]总共产品数量
[field:page_count/]页面数量
参数名称 参数值 说明
listitemfirst(首页)|prev(上一页)|next(下一页)|list(正常列表)|last(末页)内置固定分页模板调用
listsize5分页显示页数跨度,超过就显示省略号
customtest自定义分页模板标签
tplnew_pagelist.tpl自定义分页模板文件
① pagelist分页模板自定义

在分类页面自定义分页模板,模板存放位置 “includes/template/YOUR_TEMPLATE/html/modules/tpl/propage.tpl”

分页固定标签: prev(上一页) / next(下一页) / list(列表) / first(首页) / last(末尾) / active(当前状态,该参数不用填)
自定义标签: 自定义标签名称

常用固定分页调用:
自定义调用:( 格式 { openzc:pagelist custom="自定义标签名称"/} )

① Showing 1-6 of 6 item(s)
② There are 6 products.
③ 当前范围(1-6) 总计(6)


                    
<!-------------------------分页源码内容------------------------------->

分页源码文件位置:“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="自定义标签名称"/} )

① 自定义分页模板文件:Showing 1-6 of 6 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}          
<!-------------------------分页源码内容------------------------------->