這篇文章主要介紹了ecshop中如何添加限時搶購功能,在頁面中可以看到一個倒計時,下面是詳細(xì)的實現(xiàn)步驟,適合所有新手朋友們。
第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()函數(shù)將里面的
代碼如下:
handlepromote(document.forms['theform'].elements['is_promote'].checked);
改為
代碼如下:
handlepromote(document.forms['theform'].elements['is_promote_switch'].checked);
第2步:把a(bǔ)dmin下的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函數(shù),將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中添加一個函數(shù)方法
代碼如下:
/**
* 獲得限時商品
*
* @access public
* @return array
*/
function get_time_goods($cats = '')
{
$time = gmtime();
$order_type = $globals['_cfg']['recommend_order'];
/* 取得限時lbi的數(shù)量限制 */
$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>
<!-- {if $time_goods} -->
<script >
var tday = new array();
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var secondms = 60 * 1000
var microsecond = 1000
var differhour = -1
var differminute = -1
var differsecond = -1
function 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::)+minute
timevalue +=((second < 10) ? :0::)+second
timevalue +=((hour >12 ) ? pm: am)
var converthour = differhour
var convertminute = differminute
var convertsecond = differsecond
var diffms = tday[key].gettime() - time.gettime()
differhour = math.floor(diffms / daysms)
diffms -= differhour * daysms
differminute = math.floor(diffms / hoursms)
diffms -= differminute * hoursms
differsecond = math.floor(diffms / secondms)
diffms -= differsecond * secondms
var 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>
<!--{foreach from=$time_goods key=key item=goods name=promotion_foreach}-->
{if ($key+1)%5==0}
{if count($time_goods)!=$key+1}
<a class=index href=javascript:;></a>
{/if}
{/if}
<!--{/foreach}-->
<a class=next href=javascript:;></a>
</div>
</div>
<div id=time_nr>
<ul>
<li>
<!--{foreach from=$time_goods key=key item=goods name=promotion_foreach}-->
<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>
<!--{/foreach}-->
</li>
</ul>
</div>
</div>
<!-- {/if} -->