Ecshop如何添加商品倒计时功能

Jesse Showalter

12k Subscirptions

Ecshop如何添加商品倒计时功能

在这个经济飞速发展的时代，竞争是必不可少的，所以我们走在大街上随时都可以看见各种“挥泪大甩卖”，“限时抢购”，“限量购买”等等促销手段。然而在我们的网络虚拟社会中，也有类似的促销手段，只是没有大街上的那种喧闹的声音，而是用广告的手段来表现，对于好的促销广告，也是一种视觉上的享受，给受众带来视觉的冲击力。在虚拟主机中，经常搭建使用的网店程序就是ECshop，今天小编就从ECshop最简单的促销方法——限时抢购说起。限时抢购，很多朋友说是抢购最有吸引力，而小编认为，这个促销手段最精髓，最有价值，最具吸引力的地方就在于“限时”这两个字。古人有云：“物以稀为贵”所以越是限时，限量的东西，大家越是觉得珍贵。那要如何使得“限时”的重要性？如何体现出“限时”呢？很简单，限时就是限制时间，就一定有一个期限，只要添加一个醒目的倒计时就行了，这样访问的时候看见时间在一秒一秒的溜走，在人们的潜在意识里面就是再不买就来不及了。看到这里，相信很多朋友都想知道如何在ECshop中添加倒计时功能吧。接下来，小编就告诉大家如何通过修改代码来实现ECshop添加限时抢购倒计时功能！代码有点长，请站长朋友们耐心的看下去！第1步：在后台admin / templates / goods_info.htm中找到大概164行至173行修改以下代码复制代码代码如下: <tr><td class="label"><label for="is_promote"><input type="checkbox" id="is_promote_switch" name="is_promote_switch" {if $goods.is_promote}checked="checked"{/if} onclick="handlePromote(this.checked);" /> 是否参加促销</label><select name="is_promote" id="is_promote"><option value="" >请选择</option><option value="1" {if $goods.is_promote eq 1}selected="selected"{/if}>{$lang.lab_promote_price}</option><option value="2" {if $goods.is_promote eq 2}selected="selected"{/if}>限时价：</option><option value="3" {if $goods.is_promote eq 3}selected="selected"{/if}>秒杀价：</option></select></td><td id="promote_3"><input type="text" id="promote_1" name="promote_price" value="{$goods.promote_price}" size="20" /></td></tr><tr id="promote_4"><td class="label" id="promote_5">{$lang.lab_promote_date}</td><td id="promote_6"><input name="promote_start_date" type="text" id="promote_start_date" size="15" value='{$goods.promote_start_date}' readonly="readonly" /><input name="selbtn1" type="button" id="selbtn1" onclick="return showCalendar('promote_start_date', '%Y-%m-%d %H:%M','24', false, 'selbtn1');" value="{$lang.btn_select}" class="button"/> - <input name="promote_end_date" type="text" id="promote_end_date" size="15" value='{$goods.promote_end_date}' readonly="readonly" /><input name="selbtn2" type="button" id="selbtn2" onclick="return showCalendar('promote_end_date', '%Y-%m-%d %H:%M','24', false, 'selbtn2');" value="{$lang.btn_select}" class="button"/></td></tr> 并找到下面js代码中的onload = function()函数将里面的复制代码代码如下: handlePromote(document.forms['theForm'].elements['is_promote'].checked); 改为复制代码代码如下: handlePromote(document.forms['theForm'].elements['is_promote_switch'].checked); 第2步：把admin下的goods.php改一句话，注释部分为原先部分复制代码代码如下: //$is_promote = empty($promote_price) ? 0 : 1;$is_promote = empty($promote_price) ? 0 : $_POST['is_promote']; 第3步：找到admin / includes / lib_goods.php里的goods_list函数，将switch条件里的复制代码代码如下: case 'is_promote':$where .= " AND is_promote = 1 AND promote_price > 0 AND promote_start_date <= '$today' AND promote_end_date >= '$today'";break; 改为复制代码代码如下: case 'is_promote':$where .= " AND is_promote > 0 AND promote_price > 0 AND promote_start_date <= '$today' AND promote_end_date >= '$today'";break; 否则在后台商品列表页搜索功能中的推荐的特价不能用第4步：在includes / lib_goods.php中添加一个函数方法复制代码代码如下: /*** 获得限时商品** @access public* @return array*/function get_time_goods($cats = ''){$time = gmtime();$order_type = $GLOBALS['_CFG']['recommend_order'];/* 取得限时lbi的数量限制 */$num = get_library_number("recommend_promotion");$sql = 'SELECT g.goods_id, g.goods_name, g.goods_name_style, g.market_price, g.shop_price AS org_price, g.promote_price, ' ."IFNULL(mp.user_price, g.shop_price * '$_SESSION[discount]') AS shop_price, "."promote_start_date, promote_end_date, g.goods_brief, g.goods_thumb, goods_img, b.brand_name, " ."g.is_best, g.is_new, g.is_hot, g.is_promote, RAND() AS rnd " .'FROM ' . $GLOBALS['ecs']->table('goods') . ' AS g ' .'LEFT JOIN ' . $GLOBALS['ecs']->table('brand') . ' AS b ON b.brand_id = g.brand_id ' ."LEFT JOIN " . $GLOBALS['ecs']->table('member_price') . " AS mp "."ON mp.goods_id = g.goods_id AND mp.user_rank = '$_SESSION[user_rank]' ".'WHERE g.is_on_sale = 1 AND g.is_alone_sale = 1 AND g.is_delete = 0 ' ." AND g.is_promote = 2 AND promote_start_date <= '$time' AND promote_end_date >= '$time' ";$sql .= $order_type == 0 ? ' ORDER BY g.sort_order, g.last_update DESC' : ' ORDER BY rnd';$sql .= " LIMIT $num ";$result = $GLOBALS['db']->getAll($sql);$goods = array();foreach ($result AS $idx => $row){if ($row['promote_price'] > 0){$promote_price = bargain_price($row['promote_price'], $row['promote_start_date'], $row['promote_end_date']);$goods[$idx]['promote_price'] = $promote_price > 0 ? price_format($promote_price) : '';}else{$goods[$idx]['promote_price'] = '';}$goods[$idx]['id'] = $row['goods_id'];$goods[$idx]['name'] = $row['goods_name'];$goods[$idx]['brief'] = $row['goods_brief'];$goods[$idx]['brand_name'] = $row['brand_name'];$goods[$idx]['goods_style_name'] = add_style($row['goods_name'],$row['goods_name_style']);$goods[$idx]['short_name'] = $GLOBALS['_CFG']['goods_name_length'] > 0 ? sub_str($row['goods_name'], $GLOBALS['_CFG']['goods_name_length']) : $row['goods_name'];$goods[$idx]['short_style_name'] = add_style($goods[$idx]['short_name'],$row['goods_name_style']);$goods[$idx]['market_price'] = price_format($row['market_price']);$goods[$idx]['shop_price'] = price_format($row['shop_price']);$goods[$idx]['thumb'] = get_image_path($row['goods_id'], $row['goods_thumb'], true);$goods[$idx]['goods_img'] = get_image_path($row['goods_id'], $row['goods_img']);$goods[$idx]['url'] = build_uri('goods', array('gid' => $row['goods_id']), $row['goods_name']);/* 限时时间倒计时 */$time = gmtime();if ($time >= $row['promote_start_date'] && $time <= $row['promote_end_date']){$goods[$idx]['gmt_end_time'] = local_date('M d, Y H:i:s',$row['promote_end_date']);}else{$goods[$idx]['gmt_end_time'] = 0;}}return $goods;} 在index.php中加一句复制代码代码如下: $smarty->assign('time_goods', get_time_goods()); // 限时商品第5步：在library中新建一个time_limit.lbi，代码如下复制代码代码如下: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script >var Tday = new Array();var daysms = 24 * 60 * 60 * 1000var hoursms = 60 * 60 * 1000var Secondms = 60 * 1000var microsecond = 1000var DifferHour = -1var DifferMinute = -1var DifferSecond = -1function clock(key){var time = new Date()var hour = time.getHours()var minute = time.getMinutes()var second = time.getSeconds()var timevalue = ""+((hour > 12) ? hour-12:hour)timevalue +=((minute < 10) ? ":0":":")+minutetimevalue +=((second < 10) ? ":0":":")+secondtimevalue +=((hour >12 ) ? " PM":" AM")var convertHour = DifferHourvar convertMinute = DifferMinutevar convertSecond = DifferSecondvar Diffms = Tday[key].getTime() - time.getTime()DifferHour = Math.floor(Diffms / daysms)Diffms -= DifferHour * daysmsDifferMinute = Math.floor(Diffms / hoursms)Diffms -= DifferMinute * hoursmsDifferSecond = Math.floor(Diffms / Secondms)Diffms -= DifferSecond * Secondmsvar dSecs = Math.floor(Diffms / microsecond)if(convertHour != DifferHour) a="<font color=red>"+DifferHour+"</font>天";if(convertMinute != DifferMinute) b="<font color=red>"+DifferMinute+"</font>时";if(convertSecond != DifferSecond) c="<font color=red>"+DifferSecond+"</font>分"d="<font color=red>"+dSecs+"</font>秒"if (DifferHour>0) {a=a}else {a=''}document.getElementById("leftTime"+key).innerHTML = a + b + c + d; //显示倒计时信息}</script><div id="time_limit"><div id="time_top"><div id="time_title"><a href="../search.php?intro=promotion" target="_blank">限时抢购</a></div><div id="time_btn"><a class="prev" href="javascript：;"></a><a class="active" href="javascript：;"></a>{if ($key+1)%5==0}{if count($time_goods)!=$key+1}<a class="index" href="javascript：;"></a>{/if}{/if}<a class="next" href="javascript：;"></a></div></div><div id="time_nr"><ul><li><div class="xsqg"><div class="xsqg_top"><a href="{$goods.url}" target="_blank"><img src="{$goods.thumb}" width="170" height="155" alt="{$goods.name"escape:html}"/></a></div><div class="xsqg_cen"><a href="{$goods.url}" target="_blank" title="{$goods.name"escape:html}">{$goods.short_name|escape:html}</a></div><div class="xsqg_bot"><div class="te">{$goods.promote_price}</div><div class="yuan">{$goods.market_price}</div><div class="remain_time"><font style="color:#666;">剩余</font> <font id="leftTime{$key}">{$lang.please_waiting}</font></div><script>Tday[{$key}] = new Date("{$goods.gmt_end_time}");window.setInterval(function(){clock({$key});}, 1000);</script></div></div></li></ul></div></div>

本文地址：https://www.gaosudu.com/ecshop/15257.html

Navigation

Browse

Subscriptions

PAGES

Jesse Showalter

Ecshop如何添加商品倒计时功能