ecshop中如何添加限时抢购功能可以看到一个倒计时

余良兵 發表於 2023-6-10 00:00:00

ecshop中如何添加限时抢购功能可以看到一个倒计时

第1步：在后台admin / templates / goods_info.htm中找到大概164行至173行修改以下代码 
<div>

复制代码

代码如下:
</div>

 
<tr> 
<td><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 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}"/> - <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}"/> 
</td> 
</tr> 

 并找到下面js代码中的onload = function()函数将里面的 
<div>

复制代码

代码如下:
</div>

 
handlePromote(document.forms['theForm'].elements['is_promote'].checked); 

 改为 
<div>

复制代码

代码如下:
</div>

 
handlePromote(document.forms['theForm'].elements['is_promote_switch'].checked); 

 第2步：把admin下的goods.php改一句话，注释部分为原先部分 
<div>

复制代码

代码如下:
</div>

 
//$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条件里的 
<div>

复制代码

代码如下:
</div>

 
case 'is_promote': 
$where .= " AND is_promote = 1 AND promote_price > 0 AND promote_start_date <= '$today' AND promote_end_date >= '$today'"; 
break; 

 改为 
<div>

复制代码

代码如下:
</div>

 
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中添加一个函数方法 
<div>

复制代码

代码如下:
</div>

 
/** 
* 获得限时商品 
* 
* @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') 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' ". 
'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中加一句 
<div>

复制代码

代码如下:
</div>

 
$smarty->assign('time_goods', get_time_goods()); // 限时商品 

 第5步：在library中新建一个time_limit.lbi，代码如下 
<div>

复制代码

代码如下:
</div>

 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
<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.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=""+DifferHour+"天"; 
if(convertMinute != DifferMinute) b=""+DifferMinute+"时"; 
if(convertSecond != DifferSecond) c=""+DifferSecond+"分" 
d=""+dSecs+"秒" 
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 href="javascript:;"></a> 
<a href="javascript:;"></a> 
 
{if ($key+1)%5==0} 
{if count($time_goods)!=$key+1} 
<a href="javascript:;"></a> 
{/if} 
{/if} 
 
<a href="javascript:;"></a> 
</div> 
</div> 
<div id="time_nr"> 
<ul> 
<li> 
 
<div> 
<div><a href="{$goods.url}" target="_blank"><img src="{$goods.thumb}" width="170" height="155" alt="{$goods.name|escape:html}"/></a></div> 
<div><a href="{$goods.url}" target="_blank" title="{$goods.name|escape:html}">{$goods.short_name|escape:html}</a></div> 
<div> 
<div>{$goods.promote_price}</div> 
<div>{$goods.market_price}</div> 
<div>剩余 {$lang.please_waiting}</div> 
<script> 
Tday[{$key}] = new Date("{$goods.gmt_end_time}"); 
window.setInterval(function(){clock({$key});}, 1000); 
</script> 
</div> 
</div> 
 
</li> 
</ul> 
</div> 
</div>

頁: [1]

琼殿技术论坛's Archiver

ecshop中如何添加限时抢购功能可以看到一个倒计时