Board logo

标题: [共享] ecshop首页调用限时抢购,京东限时抢购效果 [打印本页]

作者: 杰过比尔    时间: 2012-3-27 19:17     标题: ecshop首页调用限时抢购,京东限时抢购效果

本帖最后由 杰过比尔 于 2012-3-29 09:07 编辑

最近按客户的需求开发京东新版模,遇到要在首页调用限时抢购,在百度找到了方法,但不全,要通过修改才能实现效,现整理分享出来,希望对大家有帮助。

1.打开根目录的includes文件夹下的lib_goods.php文件

找到:

  1. $goods[$idx]['url'] = build_uri('goods', array('gid' => $row['goods_id']), $row['goods_name']);
复制代码

在他的下面添加

  1. $time = gmtime();
  2. if ($time >= $row['promote_start_date'] && $time <= $row['promote_end_date'])
  3. {
  4. $goods[$idx]['gmt_end_time'] = local_date('M d, Y H:i:s',$row['promote_end_date']);
  5. }
  6. else
  7. {
  8. $goods[$idx]['gmt_end_time'] = 0;

  9. }
复制代码



2.然后自己写一个qianggou.lbi的文件

例如:

  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  2. <!-- {if $promotion_goods} -->
  3. <script >
  4. var Tday = new Array();
  5. var daysms = 24 * 60 * 60 * 1000
  6. var hoursms = 60 * 60 * 1000
  7. var Secondms = 60 * 1000
  8. var microsecond = 1000
  9. var DifferHour = -1
  10. var DifferMinute = -1
  11. var DifferSecond = -1
  12. function clock(key)
  13. {
  14. var time = new Date()
  15. var hour = time.getHours()
  16. var minute = time.getMinutes()
  17. var second = time.getSeconds()
  18. var timevalue = ""+((hour > 12) ? hour-12:hour)
  19. timevalue +=((minute < 10) ? ":0":":")+minute
  20. timevalue +=((second < 10) ? ":0":":")+second
  21. timevalue +=((hour >12 ) ? " PM":" AM")
  22. var convertHour = DifferHour
  23. var convertMinute = DifferMinute
  24. var convertSecond = DifferSecond
  25. var Diffms = Tday[key].getTime() - time.getTime()
  26. DifferHour = Math.floor(Diffms / daysms)
  27. Diffms -= DifferHour * daysms
  28. DifferMinute = Math.floor(Diffms / hoursms)
  29. Diffms -= DifferMinute * hoursms
  30. DifferSecond = Math.floor(Diffms / Secondms)
  31. Diffms -= DifferSecond * Secondms
  32. var dSecs = Math.floor(Diffms / microsecond)

  33. if(convertHour != DifferHour) a="<b>"+DifferHour+"</b>天";
  34. if(convertMinute != DifferMinute) b="<b>"+DifferMinute+"</b>时";
  35. if(convertSecond != DifferSecond) c="<b>"+DifferSecond+"</b>分"
  36. d="<b>"+dSecs+"</b>秒"
  37. if (DifferHour>0) {a=a}
  38. else {a=''}
  39. document.getElementByIdx_x_x_x("leftTime"+key).innerHTML = a + b + c + d; //显示倒计时信息

  40. }
  41. </script>
  42. <div class="m m2" id="timed">
  43. <div class="mt">
  44. <h2>限时抢购</h2>
  45. <div class="extra"></div>
  46. </div>
  47. <div class="mc">
  48. <ul class="lh">
  49. <!--{foreach from=$promotion_goods key=key item=goods name=name}-->
  50. <!--{if $smarty.foreach.name.index <= 4}-->
  51. <li id="timed1" class="fore1"><div id="leftTime{$key}" class="countdown">剩余<b>00</b>小时<b>00</b>分<b>00</b>秒</div><div class="p-img ld"><a title="{$goods.name|escape:html}" target="_blank" href="{$goods.url}"><img width="130" height="130" alt="{$goods.name|escape:html}" data-img="1" src="{$goods.thumb}"/></a></div><div class="p-name"><a target="_blank" title="{$goods.name|escape:html}" href="{$goods.url}">{$goods.name|escape:html}</a><br>原价:<font style="text-decoration:line-through; color:#CCCCCC; font-size:12px;">{$goods.shop_price}</font></div><div class="p-price"><span>抢购价:</span><strong><!-- {if $goods.promote_price neq ""} -->
  52. {$goods.promote_price}
  53. <!-- {else}-->
  54. {$goods.shop_price}
  55. <!--{/if}--></strong></div> </li>
  56. <script>
  57. Tday[{$key}] = new Date("{$goods.gmt_end_time}");
  58. window.setInterval(function()
  59. {clock({$key});}, 1000);
  60. </script>
  61. <!--{/if}-->
  62. <!--{/foreach}-->
  63. </ul>
  64. </div>
  65. </div>
  66. <!-- {/if} -->
复制代码


在首页调用qianggou.lbi文件即可。

效果: http://www.ecshopx.com/mb/360buy2012/
ecshopx.jpg
2012-3-27 19:17


图片附件: ecshopx.jpg (2012-3-27 19:17, 69.36 KB) / 下载次数 1151
http://bbs.ecshop.com/attachment.php?aid=51250&k=94be550eb5aaa7f8ebfec74e7dbc9554&t=1709221660&sid=t16w6w


作者: hoo    时间: 2012-3-29 21:36

代码写得挺详细,谢谢分享,不知楼主有没有测试通过呢。
作者: sunfree    时间: 2012-3-30 23:25

我的时间,{$goods.gmt_end_time}输出来为空,页面上显示NAN,郁闷,调了好久,还是显示这个,无语
作者: mysunq    时间: 2012-3-31 15:04

感谢分享,我正在找这个呢。
作者: bgy0229    时间: 2012-4-9 22:48

没用无效...
作者: abcnic1    时间: 2012-4-10 16:11

测试通过了吗?
作者: 杰过比尔    时间: 2012-4-23 23:14

都是经过测试才发上去来的,  这里有演示:http://www.ecshopx.com/mb/360buy2012/
作者: bjf0729    时间: 2012-4-24 15:52

好技术~~~
作者: nwslustc    时间: 2012-4-24 22:46

感谢楼主的贡献
作者: fafu    时间: 2012-4-25 10:09

测试通过了吗?
作者: bob    时间: 2012-4-26 20:39

如何調用到在你需要要顯示的地方?能說更清楚一點嗎?
作者: 我不是坏男孩    时间: 2012-4-29 10:47

顶一下啊! 二次开发还有很长的路要走
作者: herrickwith    时间: 2012-4-30 00:05

DDDDDDDDDDDDDDDDDDDDDD
作者: xiaodaodao    时间: 2012-4-30 11:27

楼主可以呀,我也弄这个呢
作者: xiaodaodao    时间: 2012-4-30 11:30

那个商品分类那里怎么弄?可以分享一下经验不?
作者: bob    时间: 2012-4-30 15:07

首页调用qianggou.lbi文件?能說更清楚一點嗎?
作者: bob    时间: 2012-5-4 11:07

調用後演示: http://ch5tv.tw/

剩餘00小時00分00秒

變成直排了~
作者: 杰过比尔    时间: 2012-5-5 23:02

楼上的兄弟,你调一下css就行了
作者: bob    时间: 2012-5-6 17:58

杰过比尔 大~

直排變成橫排
作者: showname    时间: 2012-5-10 11:54

提示: 作者被禁止或删除 内容自动屏蔽
作者: 白菜黄    时间: 2012-5-10 13:36

这个我喜欢 哈哈
作者: zuqiuo    时间: 2012-5-10 14:04

强大啊~~~支持
作者: 自由飞    时间: 2012-5-12 11:30

收藏备用啊
作者: 杰过比尔    时间: 2012-5-14 23:42

谢谢大家关注
作者: onepc    时间: 2012-6-3 19:56

晕。被封了吗?咋看不到了?
作者: 杰过比尔    时间: 2012-6-3 21:16

怎么屏蔽了?能给个理由吗?
作者: 杰过比尔    时间: 2012-6-4 16:48

谢谢版主解封!以后有好东西,第一时间分享到这里.
作者: babu8    时间: 2012-6-5 22:12

进来围观了,给力,首页调用能不能再说的详细一点!谢谢!
作者: changoxo    时间: 2012-6-6 21:35

功能很好啊,谢谢分享
作者: kouyuxin    时间: 2012-6-19 11:14

那商品该如何设置呢
作者: 色眼无忌    时间: 2012-7-9 20:50

测试不通过,显示0分0秒
作者: huang_feng    时间: 2012-9-3 13:46

这个应该是不错的
作者: huang_feng    时间: 2012-9-5 12:36

哈哈,似乎很强大
作者: rocky125521    时间: 2012-9-7 16:42

不错!!支持
作者: 卖身葬二奶    时间: 2012-9-8 13:14

楼主可以呀,我也弄这个呢
作者: ccd46310    时间: 2012-9-8 14:59

谢谢楼主了
作者: farnan    时间: 2012-9-9 21:07

厉害啊,懂程序还是很有必要的
作者: hi_jerome    时间: 2012-9-10 20:16

谢谢啊~~
作者: wonahan    时间: 2012-9-11 11:18

看来效果不错呢  呵呵
作者: 云霄苑    时间: 2012-9-21 16:13

看看!!!!
作者: xie1q    时间: 2012-11-2 12:03

请问怎么在首页调用啊!!!!
作者: 一剑飘血    时间: 2012-11-3 11:30

支持ecshop!!!!!!!
作者: selphy    时间: 2012-11-8 11:42

又学习了!
作者: 545904172    时间: 2012-11-10 23:09

谢谢分享
作者: cjb33759    时间: 2012-11-12 20:44

回复 1# 杰过比尔


    强大啊
作者: jack349392900    时间: 2012-11-23 18:41

不错!!

ECSHOP学习资料:http://www.phpally.com
作者: nutriaking    时间: 2012-11-23 23:12

真好,谢谢分享,楼主好人
作者: 不在迷茫    时间: 2012-11-24 11:34

谢谢LZ分享,支持LZ, 支持ECSHOP
作者: RowanSaint    时间: 2012-11-26 12:09

用下试试,不错的功能
作者: jack349392900    时间: 2012-11-27 19:58

不错不错!

ECSHOP学习资料:http://www.phpally.com
作者: tt9d    时间: 2012-11-27 19:59

学习享用了,应该不错
作者: jat188    时间: 2012-11-29 14:39

仿東  不錯  但京東  時時變  啊
作者: 几何    时间: 2012-11-30 14:48

不错的功能,支持楼主

www.anblue.com
www.pxsem.com
作者: wonlange    时间: 2012-11-30 15:06

好东西!
作者: htmlreg    时间: 2012-12-8 21:00

果然很强大!!!!
作者: 迁迁shop    时间: 2012-12-9 15:21

回复 1# 杰过比尔


    楼主说的不够详细,我补充下:
1.$goods[$idx]['url'] = build_uri('goods', array('gid' => $row['goods_id']), $row['goods_name']);
这行代码,在lib_goods.php里有好几处,我们要找的是get_promote_goods($cats = '')函数中的这行!大概在400行左右
2.document.getElementByIdx_x_x_x("leftTime"+key).innerHTML = a + b + c + d; //显示倒计时信息。
这行代码,应该去掉x_x_x_x,应该是: document.getElementById( "leftTime" + key).innerHTML = a + b + c + d; //显示倒计时信息



这样就可以正常显示倒计时了,另外,排版没有CSS,我提取了出来,http://www.myznw.com/shop/themes ... ee/css/qianggou.css
作者: sungold    时间: 2012-12-29 14:26

谢谢分享。
作者: hujiufa    时间: 2012-12-29 14:27

能够分享一下模版就更好了
作者: 2581527    时间: 2012-12-29 15:08

偶不会不过还是支持一下。
作者: 2581527    时间: 2012-12-29 15:09

慢慢升级路。
作者: 2581527    时间: 2012-12-29 15:11

还要钱呀。。。穷死了。
作者: xyz300    时间: 2012-12-30 17:14

这个真是好东西
作者: carl    时间: 2012-12-31 21:47

:):):)多发帖吧,赚积分
作者: 0516    时间: 2013-1-1 16:16

感谢分享,我正在找这个呢
作者: 497932134    时间: 2013-1-7 12:57

路过!学习,看看!刷个分!
作者: zwtaiwqq    时间: 2013-1-7 14:32

路过!为了180分疯狂努力中。。。
作者: rangming    时间: 2013-1-10 18:36

支持一下!!!1米80以下小朋友路过
作者: 田建东    时间: 2013-1-22 20:20

路过!学习,看看!刷个分!
作者: a3316613    时间: 2013-1-22 20:57

很不错......
作者: lhysmiling    时间: 2013-1-22 21:23

这个一定要支持




欢迎光临 ECShop电商系统交流论坛 (http://bbs.ecshop.com/) Powered by Discuz! 7.2