我的订单增加缩略图 仿淘宝 已买到的宝贝 ecshop二次开发

先上效果图吧

原来的样子

找到

view plain copy to clipboard print ?
  1. $orders = get_user_orders($user_id$pager['size'], $pager['start']);  

增加如下内容

view plain copy to clipboard print ?
  1. //把订单的详细内容查询出来  
  2. if(is_array($orders) && count($orders) > 0) {  
  3.         $order_ids = '';  
  4.         $new_orders = array();  
  5.         foreach($orders as $val) {  
  6.                 $order_ids .= $val['order_id'].',';  
  7.         }  
  8.         $order_ids = substr($order_ids,0,-1);  
  9.   
  10.         $goods_info = array();  
  11.         $sql = "SELECT o.*,g.goods_thumb FROM ".$ecs->table('order_goods')." o LEFT JOIN ".$ecs->table('goods')." g ON(o.goods_id=g.goods_id) WHERE order_id IN($order_ids)";  
  12.         $result = $db->query($sql);  
  13.         while($row = $db->fetch_array($result)) {  
  14.                 $goods_info[$row['order_id']][] = $row;  
  15.         }  
  16.   
  17.         foreach($orders as $key=>$val) {  
  18.                 $val['goods'] = $goods_info[$val['order_id']];  
  19.                 $val['goods_number'] = count($goods_info[$val['order_id']]);  
  20.                 $new_orders[] = $val;  
  21.         }  
  22.         $orders = & $new_orders;  
  23. }  

修改模板user_transaction.dwt
找到

view plain copy to clipboard print ?
  1. <h6>{$lang.label_order}</h6>  

把原来的显示订单的那块删除 改为如下内容

view plain copy to clipboard print ?
  1. {* lee add 2013-6-28 开始 *}  
  2. <link rel="stylesheet" rev="stylesheet" href="themes/default/bought.css" type="text/css">  
  3. <style type="text/css">  
  4. .mod1 span {  
  5.         display:inline;  
  6.         width: auto;  
  7.         height: auto;  
  8.         position: static;  
  9.         overflow: visible;  
  10. }  
  11.   
  12. .pagebar {  
  13.         padding: 0 10px 0 0;  
  14.         text-align: right;  
  15. }  
  16. </style>  
  17. <div class="main-wrap">  
  18. <link rel="stylesheet" rev="stylesheet" href="themes/default/bought.css" type="text/css" media="all">  
  19. <table class="bought-table" id="J_BoughtTable" data-spm="9">  
  20. <colgroup>  
  21. <col class="selector">  
  22. <col class="baobei">  
  23. <col class="price">  
  24. <col class="quantity">  
  25. <col class="after-service">  
  26. <col class="amount">  
  27. <col class="trade-status">  
  28. <col class="operate">  
  29. <col class="other">  
  30.         </colgroup>  
  31. <thead>  
  32. <tr class="col-name">  
  33. <th></th>  
  34. <th class="baobei">宝贝</th>  
  35. <th class="price">单价(元)</th>  
  36. <th class="quantity">数量</th>  
  37. <th class="after-service">售后</th>  
  38. <th class="amount">实付款(元)</th>  
  39. <th class="trade-status">  
  40. <div class="trade-status">  
  41.                         交易状态  
  42.                         </div>  
  43. </th>  
  44. <th class="remark">交易操作</th>  
  45. <th class="other">其它操作</th>  
  46. </tr>  
  47. </thead>  
  48.   
  49. <!--{foreach from=$orders item=item}-->  
  50. <tbody class=" xcard">  
  51. <tr class="sep-row">  
  52. <td colspan="9"></td>  
  53. </tr>  
  54. <tr class="order-hd">  
  55. <td colspan="9" style="padding-left:5px;">  
  56.          <span class="no">  
  57.          <label>  
  58.                 <a href="user.php?act=order_detail&order_id={$item.order_id}" title="">订单编号:<span class="order-num">{$item.order_sn}</span></a>  
  59.          </label>  
  60.          </span>  
  61.          <span class="deal-time">成交时间:{$item.order_time}</span>  
  62.          </td>  
  63. </tr>  
  64.   
  65.         <!--{foreach from=$item.goods item=goods_info name=foo}-->  
  66. <tr id="item{$goods_info.goods_id}" class="order-bd <!--{if $item.goods_number > 0 && $smarty.foreach.foo.iteration == $item.goods_number}-->last<!--{/if}-->">  
  67. <td class="baobei" colspan="2">  
  68.                 <a hidefocus="true" title="查看宝贝详情" href="goods.php?id={$goods_info.goods_id}" class="pic s50"><img alt="查看宝贝详情" src="{$goods_info.goods_thumb}"></a>  
  69. <div class="desc">  
  70.                 <a class="baobei-name" href="/shop/goods.php?id={$goods_info.goods_id}">{$goods_info.goods_name}</a>  
  71.                 <!--  
  72. <div class="spec"><span>颜色分类: **</span><span>参考身高: 均码 0-18月</span></div>  
  73.   
  74. -->  
  75.                 </div>  
  76. </td>  
  77. <td class="price" title="{$goods_info.goods_price}">{$goods_info.goods_price}</td>  
  78. <td class="quantity" title="{$goods_info.goods_number}">{$goods_info.goods_number}</td>  
  79. <td class="after-service">  
  80.                         <a href="javascript:void(0)" class="tousu-weiquan J_MakePoint J_HasBuy J_ApplyRepayTrigger" title="">申请售后</a>  
  81.                         <a href="javascript:void(0)" class="tousu-weiquan J_MakePoint J_HasBuy J_ApplyRepayTrigger" title="">投诉卖家</a>  
  82.                 </td>  
  83.   
  84.                 <!--{if $smarty.foreach.foo.iteration == 1}-->  
  85. <td class="amount" rowspan="{$item.goods_number}">  
  86.                         <strong>{$item.total_fee}</strong>  
  87. <p class="post-type"><!-- (含免运费:0.00 ) -->  
  88.   
  89.                         <!--<img alt="您已使用信用卡付款" title="您已使用信用卡付款" src="http://assets.taobaocdn.com/sys/common/icon/trade/xcard.png"/>-->  
  90.                 </p></td>  
  91. <td class="trade-status" rowspan="{$item.goods_number}">  
  92.                         <a href="#" class="J_MakePoint status success">{$item.order_status}</a>  
  93.                         <span>  
  94.                         <span class="uinfo-icon"></span>  
  95.                         <a href="user.php?act=order_detail&order_id={$item.order_id}" class="detail-link J_MakePoint">订单详情</a>  
  96.                         </span>  
  97.                         <!--<a href="#" class="view-logistics J_MakePoint"">查看物流</a>--> 
  98.                 </td> 
  99. <td class="operate" rowspan="{$item.goods_number}" colspan="2"> 
  100.                         <!-- 
  101.                         <span class="skin-white"> 
  102.                                 <a href="#" class="small-btn J_MakePoint button">评价</a> 
  103.                         </span> 
  104.  
  105.                         <a class="J_DelOrder J_MakePoint" href="javascript:void(0)">删除</a> 
  106.                         <a class=" J_MakePoint" href="#">备忘</a> 
  107. <div class="J_ShareSNS sns-share"> 
  108.                                 <a href="#" class="J_MakePoint">分享</a> 
  109.                         </div> 
  110.  
  111.                         --> 
  112.                         {$item.handler} 
  113.                 </td> 
  114.  
  115.                 <!--{/if}--> 
  116.         </tr> 
  117.  
  118.         <!--{/foreach}--> 
  119.    </tbody> 
  120.  
  121. <!--{/foreach}--> 
  122. <tfoot> 
  123. <tr class="sep-row"> 
  124. <td colspan="9"></td> 
  125. </tr> 
  126. <tr class="** skin-gray"> 
  127. <td colspan="3"></td> 
  128. <td class="page-nav-cell" colspan="6"> 
  129.                 <!-- #BeginLibraryItem "/library/pages.lbi" --><!-- #EndLibraryItem -->  
  130.                 </td>  
  131. </tr>  
  132. </tfoot>  
  133. </table></div>  
  134.   
  135.  {* lee add 结束 *}  

样式文件直接用的淘宝的
附件中也附带了这个css
附件下载
for_order

你可能感兴趣的:(我的订单增加缩略图 仿淘宝 已买到的宝贝 ecshop二次开发)