ecshop 中添加限时抢购功能（倒计时）

最新推荐文章于 2022-03-02 03:28:47 发布

qiankuny

最新推荐文章于 2022-03-02 03:28:47 发布

阅读量2.3k

点赞数

分类专栏： ecshop 文章标签： ecshop限时抢购限时抢购 ecshop二次开发

本文链接：https://blog.csdn.net/u010987803/article/details/24705715

版权

ecshop 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

第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} οnclick="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" οnclick="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" οnclick="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">
<!-- {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} -->