广告
返回顶部
首页 > 资讯 > CMS >ecshop中如何添加限时抢购功能可以看到一个倒计时
  • 971
分享到

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

ecshop限时抢购倒计时 2022-06-12 02:06:58 971人浏览 泡泡鱼
摘要

第1步:在后台admin / templates / Goods_info.htm中找到大概164行至173行修改以下代码 复制代码代码如下: <tr> <td class="label"><

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


复制代码代码如下:

function get_time_goods($cats = '')

{

$time = gmtime();

$order_type = $GLOBALS['_CFG']['recommend_order'];

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

--结束END--

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

本文链接: https://www.lsjlt.com/news/32457.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作