ecshop商品列表页实现分页功能

做好的html分页代码:

<div class="pagelist">
             <ul>
                <li><a href="./list.htm">首页</a></li>
                <li class="active"><a href="./list.htm">1</a></li>
                <li><a href="./list_wb.htm">2</a></li>
                <li><a href="./list_wc.htm">3</a></li>
                <li><a href="./list_wb.htm">下一页</a></li>
                <li><a href="./list_wc.htm">末页</a></li>
              </ul>
         </div>

现在要把它改写成ecshop的分页,下面这种是流行页码。后台——系统设置-商店设置-显示设置里面可以修改分页的显示样式,有两种显示方式,一种是默认经典($pager.styleid等于0),一种是流行页码($pager.styleid等于1)

{if $pager.page_count neq 1} <!-- 如果分页数不等于1 -->
          <div class="pagelist">    
             <ul>
                <li><a href="{$pager.page_first}">首页</a></li>
                {if $pager.page_prev}<li><a href="{$pager.page_prev}">上一页</a></li>{/if}
               
                  {foreach from=$pager.page_number key=key item=item}
                  {if $pager.page eq $key}
                  <li class="active"><a href="{$item}">{$key}</a></li>
                  {else}
                  <li><a href="{$item}">{$key}</a></li>
                  {/if}
                  {/foreach}
               
                {if $pager.page_next}<li><a href="{$pager.page_next}">下一页</a></li>{/if}
                <li><a href="{$pager.page_last}">末页</a></li>
              </ul>
           
          </div>
 {/if}

下面这种是经典页码

{if $pager.page_count neq 1} <!-- 如果分页数不等于1 -->
          <div class="pagelist">    
             <ul>
                {if $pager.page_first}<li><a href="{$pager.page_first}">首页</a></li>{/if}
                {if $pager.page_prev}<li><a href="{$pager.page_prev}">上一页</a></li>{/if}
                {if $pager.page_next}<li><a href="{$pager.page_next}">下一页</a></li>{/if}
                {if $pager.page_last}<li><a href="{$pager.page_last}">末页</a></li>{/if}
              </ul>  
          </div>
{/if}

也可以写在一起,做个判断,判断当前是流行页码还是经典页码

{if $pager.page_count neq 1} <!-- 如果分页数不等于1 -->
            {if $pager.styleid eq 0} <!-- 经典页码 -->
                <div class="pagelist">    
                   <ul>
                      {if $pager.page_first}<li><a href="{$pager.page_first}">首页</a></li>{/if}
                      {if $pager.page_prev}<li><a href="{$pager.page_prev}">上一页</a></li>{/if}
                      {if $pager.page_next}<li><a href="{$pager.page_next}">下一页</a></li>{/if}
                      {if $pager.page_last}<li><a href="{$pager.page_last}">末页</a></li>{/if}
                    </ul>  
                </div>
            {else /}  <!-- 流行页码 -->
             <div class="pagelist">    
             <ul>
                <li><a href="{$pager.page_first}">首页</a></li>
                {if $pager.page_prev}<li><a href="{$pager.page_prev}">上一页</a></li>{/if}
               
                  {foreach from=$pager.page_number key=key item=item}
                  {if $pager.page eq $key}
                  <li class="active"><a href="{$item}">{$key}</a></li>
                  {else}
                  <li><a href="{$item}">{$key}</a></li>
                  {/if}
                  {/foreach}
               
                {if $pager.page_next}<li><a href="{$pager.page_next}">下一页</a></li>{/if}
                <li><a href="{$pager.page_last}">末页</a></li>
              </ul>
           
            </div>
            {/if}
         
{/if}

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: