Ecshop模板开发（二十九）：商品列表、排序、分页显示

来源：互联网发布：python spark sql 编辑：程序博客网时间：2024/06/05 09:11

1、goods_list.lbi

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><div class="box">    <div class="box_1">        <h3>            <span>{$lang.goods_list}</span><a name='goods_list'></a>            <form method="GET" class="sort" name="listform">                {$lang.btn_display}：                <a href="javascript:;" onClick="javascript:display_mode('list')"><img src="images/display_mode_list<!-- {if $pager.display == 'list'} -->_act<!-- {/if} -->.gif" alt="{$lang.display.list}"></a>                <a href="javascript:;" onClick="javascript:display_mode('grid')"><img src="images/display_mode_grid<!-- {if $pager.display == 'grid'} -->_act<!-- {/if} -->.gif" alt="{$lang.display.grid}"></a>                <a href="javascript:;" onClick="javascript:display_mode('text')"><img src="images/display_mode_text<!-- {if $pager.display == 'text'} -->_act<!-- {/if} -->.gif" alt="{$lang.display.text}"></a>&nbsp;&nbsp;                <a href="{$script_name}.php?category={$category}&display={$pager.display}&brand={$brand_id}&price_min={$price_min}&price_max={$price_max}&filter_attr={$filter_attr}&page={$pager.page}&sort=goods_id&order=<!-- {if $pager.sort == 'goods_id' && $pager.order == 'DESC'} -->ASC<!-- {else} -->DESC<!-- {/if} -->#goods_list"><img src="images/goods_id_<!-- {if $pager.sort == 'goods_id'} -->{$pager.order}<!-- {else} -->default<!-- {/if} -->.gif" alt="{$lang.sort.goods_id}"></a>                <a href="{$script_name}.php?category={$category}&display={$pager.display}&brand={$brand_id}&price_min={$price_min}&price_max={$price_max}&filter_attr={$filter_attr}&page={$pager.page}&sort=shop_price&order=<!-- {if $pager.sort == 'shop_price' && $pager.order == 'ASC'} -->DESC<!-- {else} -->ASC<!-- {/if} -->#goods_list"><img src="images/shop_price_<!-- {if $pager.sort == 'shop_price'} -->{$pager.order}<!-- {else} -->default<!-- {/if} -->.gif" alt="{$lang.sort.shop_price}"></a>                <a href="{$script_name}.php?category={$category}&display={$pager.display}&brand={$brand_id}&price_min={$price_min}&price_max={$price_max}&filter_attr={$filter_attr}&page={$pager.page}&sort=last_update&order=<!-- {if $pager.sort == 'last_update' && $pager.order == 'DESC'} -->ASC<!-- {else} -->DESC<!-- {/if} -->#goods_list"><img src="images/last_update_<!-- {if $pager.sort == 'last_update'} -->{$pager.order}<!-- {else} -->default<!-- {/if} -->.gif" alt="{$lang.sort.last_update}"></a>                <input type="hidden" name="category" value="{$category}" />                <input type="hidden" name="display" value="{$pager.display}" id="display" />                <input type="hidden" name="brand" value="{$brand_id}" />                <input type="hidden" name="price_min" value="{$price_min}" />                <input type="hidden" name="price_max" value="{$price_max}" />                <input type="hidden" name="filter_attr" value="{$filter_attr}" />                <input type="hidden" name="page" value="{$pager.page}" />                <input type="hidden" name="sort" value="{$pager.sort}" />                <input type="hidden" name="order" value="{$pager.order}" />            </form>        </h3>        <!-- {if $category > 0} -->        <form name="compareForm" action="compare.php" method="post" onSubmit="return compareGoods(this);">            <!-- {/if} -->            <!-- {if $pager.display == 'list'} -->            <div class="goodsList">                <!--{foreach name=goods_list from=$goods_list item=goods}-->                <ul class="clearfix bgcolor"<!--{if $smarty.foreach.goods_list.index mod 2 eq 0}-->id=""<!--{else}-->id="bgcolor"<!--{/if}-->>                <li>                    <br>                    <a href="javascript:;" id="compareLink" onClick="Compare.add({$goods.goods_id},'{$goods.goods_name|escape:"html"}','{$goods.type}')" class="f6">比较</a>                </li>                <li class="thumb"><a href="{$goods.url}"><img src="{$goods.goods_thumb}" alt="{$goods.goods_name}" /></a></li>                <li class="goodsName">                    <a href="{$goods.url}" class="f6">                        <!-- {if $goods.goods_style_name} -->                        {$goods.goods_style_name}<br />                        <!-- {else} -->                        {$goods.goods_name}<br />                        <!-- {/if} -->                    </a>                    <!-- {if $goods.goods_brief} -->                    {$lang.goods_brief}{$goods.goods_brief}<br />                    <!-- {/if} -->                </li>                <li>                    <!-- {if $show_marketprice} -->                    {$lang.market_price}<font class="market">{$goods.market_price}</font><br />                    <!-- {/if} -->                    <!--{if $goods.promote_price neq "" } -->                    {$lang.promote_price}<font class="shop">{$goods.promote_price}</font><br />                    <!--{else}-->                    {$lang.shop_price}<font class="shop">{$goods.shop_price}</font><br />                    <!--{/if}-->                </li>                <li class="action">                    <a href="javascript:collect({$goods.goods_id});" class="abg f6">{$lang.favourable_goods}</a>                    <a href="javascript:addToCart({$goods.goods_id})"><img src="../images/bnt_buy_1.gif"></a>                </li>                </ul>                <!--{/foreach}-->            </div>            <!-- {elseif $pager.display == 'grid'} -->            <div class="centerPadd">                <div class="clearfix goodsBox" style="border:none;">                    <!--{foreach from=$goods_list item=goods}-->                    <!-- {if $goods.goods_id} -->                    <div class="goodsItem">                        <a href="{$goods.url}"><img src="{$goods.goods_thumb}" alt="{$goods.goods_name}" class="goodsimg" /></a><br />                        <p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.goods_name}</a></p>                        <!-- {if $show_marketprice} -->                        {$lang.market_prices}<font class="market_s">{$goods.market_price}</font><br />                        <!-- {/if} -->                        <!--{if $goods.promote_price neq "" } -->                        {$lang.promote_price}<font class="shop_s">{$goods.promote_price}</font><br />                        <!--{else}-->                        {$lang.shop_prices}<font class="shop_s">{$goods.shop_price}</font><br />                        <!--{/if}-->                        <a href="javascript:collect({$goods.goods_id});" class="f6">{$lang.btn_collect}</a> |                        <a href="javascript:addToCart({$goods.goods_id})" class="f6">{$lang.btn_buy}</a> |                        <a href="javascript:;" id="compareLink" onClick="Compare.add({$goods.goods_id},'{$goods.goods_name|escape:"html"}','{$goods.type}')" class="f6">{$lang.compare}</a>                    </div>                    <!--{/if}-->                    <!--{/foreach}-->                </div>            </div>            <!-- {elseif $pager.display == 'text'} -->            <div class="goodsList">                <!--{foreach from=$goods_list item=goods}-->                <ul class="clearfix bgcolor"<!--{if $smarty.foreach.goods_list.index mod 2 eq 0}-->id=""<!--{else}-->id="bgcolor"<!--{/if}-->>                <li style="margin-right:15px;">                    <a href="javascript:;" id="compareLink" onClick="Compare.add({$goods.goods_id},'{$goods.goods_name|escape:"html"}','{$goods.type}')" class="f6">{$lang.compare}</a>                </li>                <li class="goodsName">                    <a href="{$goods.url}" class="f6 f5">                        <!-- {if $goods.goods_style_name} -->                        {$goods.goods_style_name}<br />                        <!-- {else} -->                        {$goods.goods_name}<br />                        <!-- {/if} -->                    </a>                    <!-- {if $goods.goods_brief} -->                    {$lang.goods_brief}{$goods.goods_brief}<br />                    <!-- {/if} -->                </li>                <li>                    <!-- {if $show_marketprice} -->                    {$lang.market_price}<font class="market">{$goods.market_price}</font><br />                    <!-- {/if} -->                    <!--{if $goods.promote_price neq "" } -->                    {$lang.promote_price}<font class="shop">{$goods.promote_price}</font><br />                    <!--{else}-->                    {$lang.shop_price}<font class="shop">{$goods.shop_price}</font><br />                    <!--{/if}-->                </li>                <li class="action">                    <a href="javascript:collect({$goods.goods_id});" class="abg f6">{$lang.favourable_goods}</a>                    <a href="javascript:addToCart({$goods.goods_id})"><img src="../images/bnt_buy_1.gif"></a>                </li>                </ul>                <!--{/foreach}-->            </div>            <!-- {/if} -->            <!-- {if $category > 0} -->        </form>        <!-- {/if} -->    </div></div><div class="blank5"></div><script type="Text/Javascript" language="JavaScript">    <!--    {literal}    function selectPage(sel)    {        sel.form.submit();    }    {/literal}    //--></script><script type="text/javascript">    window.onload = function()    {        Compare.init();        fixpng();    }    {foreach from=$lang.compare_js item=item key=key}    {if $key neq 'button_compare'}    var {$key} = "{$item}";    {else}    var button_compare = '';    {/if}    {/foreach}    var compare_no_goods = "{$lang.compare_no_goods}";    var btn_buy = "{$lang.btn_buy}";    var is_cancel = "{$lang.is_cancel}";    var select_spe = "{$lang.select_spe}";</script>

2、pages.lbi

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!--翻页 start--><form name="selectPageForm" action="{$smarty.server.PHP_SELF}" method="get">  <!-- {if $pager.styleid eq 0 } -->  <div id="pager">    {$lang.pager_1}{$pager.record_count}{$lang.pager_2}{$lang.pager_3}{$pager.page_count}{$lang.pager_4} <span> <a href="{$pager.page_first}">{$lang.page_first}</a> <a href="{$pager.page_prev}">{$lang.page_prev}</a> <a href="{$pager.page_next}">{$lang.page_next}</a> <a href="{$pager.page_last}">{$lang.page_last}</a> </span>    <!--{foreach from=$pager.search key=key item=item}-->    {if $key eq 'keywords'}      <input type="hidden" name="{$key}" value="{$item|escape:decode_url}" />    {else}      <input type="hidden" name="{$key}" value="{$item}" />    {/if}    <!--{/foreach}-->    <select name="page" id="page" onchange="selectPage(this)">      {html_options options=$pager.array selected=$pager.page}    </select>  </div>  <!--{else}-->  <!--翻页 start-->  <div id="pager" class="pagebar">    <span class="f_l f6" style="margin-right:10px;">{$lang.pager_1}<b>{$pager.record_count}</b> {$lang.pager_2}</span>    <!-- {if $pager.page_first} --><a href="{$pager.page_first}">{$lang.page_first} ...</a><!-- {/if} -->    <!-- {if $pager.page_prev} --><a class="prev" href="{$pager.page_prev}">{$lang.page_prev}</a><!-- {/if} -->    <!-- {if $pager.page_count neq 1} -->    <!--{foreach from=$pager.page_number key=key item=item}-->    <!-- {if $pager.page eq $key} -->    <span class="page_now">{$key}</span>    <!-- {else} -->    <a href="{$item}">[{$key}]</a>    <!-- {/if} -->    <!--{/foreach}-->    <!-- {/if} -->    <!-- {if $pager.page_next} --><a class="next" href="{$pager.page_next}">{$lang.page_next}</a><!-- {/if} -->    <!-- {if $pager.page_last} --><a class="last" href="{$pager.page_last}">...{$lang.page_last}</a><!-- {/if} -->    <!-- {if $pager.page_kbd} -->    <!--{foreach from=$pager.search key=key item=item}-->    {if $key eq 'keywords'}      <input type="hidden" name="{$key}" value="{$item|escape:decode_url}" />    {else}      <input type="hidden" name="{$key}" value="{$item}" />    {/if}    <!--{/foreach}-->    <kbd style="float:left; margin-left:8px; position:relative; bottom:3px;"><input type="text" name="page" onkeydown="if(event.keyCode==13)selectPage(this)" size="3" class="B_blue" /></kbd>    <!-- {/if} -->  </div>  <!--翻页 END-->  <!-- {/if} --></form><script type="Text/Javascript" language="JavaScript">  <!--  {literal}  function selectPage(sel)  {    sel.form.submit();  }  {/literal}  //--></script>

3、category.dwt引入

<h1>商品列表</h1><br>{include file="./library/pages.lbi"}{include file="./library/goods_list.lbi"}

0 0