我的订单增加缩略图 仿淘宝 已买到的宝贝

2016-07-07 16:02 来源：www.chinab4c.com 作者：ecshop专家



先上效果图吧 我的订单改进后.jpg


原来的样子
我的订单改进前.jpg


首发在这里
http://laolee.org/my-orders-thumbnails-imitation-taobao-buy-baby.htm
付源码下载

或请见第四楼
修改代码的和附件

回答：



挺好的啊可以分享给我么。。。



修改user.php
找到
  1. $orders = get_user_orders($user_id, $pager['size'], $pager['start']);
复制代码




下面增加内容
  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);

  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. }

  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
找到
  1. <h6>{$lang.label_order}</h6>
复制代码




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


  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. }

  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>

  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>

  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>

  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>

  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 ) -->

  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>

  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>

  111. -->
  112. {$item.handler}
  113. </td>

  115. <!--{/if}-->
  116. </tr>

  118. <!--{/foreach}-->
  119. </tbody>

  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>

  135. {* lee add 结束 *}
复制代码




附件 为增加和修改的代码 含css文件
for_order.zip (8.91 KB)


新站顺带求友情链接
http://laolee.org

还可以，试用几天先

好东西 顶顶，必须的顶分享精神很好 ，欢迎来我的群 群号 下面有

支持一下....

支持一下！谢谢

请问bought。css那个文件放在哪呢？




请问附件的css要放到哪里呢？