Ecshop模板开发(二十九):商品列表、排序、分页显示

36 篇文章 2 订阅
30 篇文章 0 订阅

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"}
前言 3 一商圈和地区进行关联 4 二其他页面显示购买记录的函数 5 三多货币解决方案 6 四仿淘宝商品详细页实现尺码颜色关联显示库存 12 五仿淘宝商品详细页加入购物车效果 14 六ecshop加入购物车效果各个页面 22 七商品列表页面“喜欢“ 功能实现 29 八商品列表显示获赠消费积分 32 九分析 ecshop 里的$GLOBALS 37 十解决 选择属性 直接就是属性价格不需要在原价基础上加价 38 十一商品详细页下载商品介绍相关图片 39 十二实现后台二次开发后功能模块仍然可以分配权限 41 十三ecshop调用bbs数据 42 十四整理了一个 获取用户等级的函数 43 十五商品显示具体属性排序 44 十六解决ecshop新建页面分页问题 49 十七刚修改的伪静态分类URL 52 十八ecshop批发销售 66 十九网银支付直通插件 实现方法 69 二十商品列表页多图切换的实现 75 二十一完善论坛发布的qq登录插件 77 二十二倒计时代码 78 二十三关于ecshop回调函数应用 83 二十四商品内容页加订单留言功能分析 84 二十五有关商品详细页是常规显示还是显示宣传页的实现方法 85 二十六后台添加搜索功能讲解 87 二十七分享ec搜索出现相关商品的效果滑动效果模仿百度 88 二十八修改注册发送邮件更新 94 二十九新增加一调用编辑器函数 97 三十简单实现 各个页面都可显示友情链接 97 三十一Ecshop系统框架分析 99 三十二二次开发技术共享 后台邮件群发共享 100 三十三ecshop内页调用友情链接 100 三十四项目要求在后台商品分类添加图片的功能。 102 三十五分类按照拼音第一字母排序显示实现 102 三十六获取分类的一级分类和二级分类 106 三十七如何调用解决列表的购买数量 107 三十八详情页调评论次数 108 三十九关于购买数量 订单数量 109 四十Ecshop ajax应用讨论 109 四十一调用当前分类或当前分类的下级分类函数 115 四十二商品列表显示购买记录 118 四十三ajax更新购物车数量 118 四十四PHP导出excle数据 123 四十五页面多倒计时显示最新修改 125 四十六关于lbi文件控制原理分析 129 四十七页面浏览历史图片调用分析 130

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论

打赏作者

sinat_37390744

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值