`

Ecshop首页今日特价的促销商品增加倒计时效果

阅读更多
1、修改php程序部分打开includes/lib_goods.php
找到get_promote_goods()函数,在 $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;
        }


2、将 library/recommend_promotion.lbi全部替换为下面代码:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- {if $promotion_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="sales" class="f_l clearfix">
      <h1><a href="../search.php?intro=promotion"><img src="images/more.gif" /></a></h1>
       <div class="clearfix goodBox">
         <!--{foreach from=$promotion_goods key=key item=goods name="promotion_foreach"}-->
         {if $smarty.foreach.promotion_foreach.index <= 3}
           <div class="goodList">
           <a href="{$goods.url}"><img src="{$goods.thumb}" border="0" alt="{$goods.name|escape:html}"/></a><br />
      <p><a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name|escape:html}</a></p>
           {$lang.promote_price}<font class="f1">{$goods.promote_price}</font><br><font class="f4" id="leftTime{$key}">{$lang.please_waiting}</font>
           </div>
         {/if}
<script>
Tday[{$key}] = new Date("{$goods.gmt_end_time}");   
window.setInterval(function()     
{clock({$key});}, 1000);     
</script>
         <!--{/foreach}-->
       </div>
      </div>
     
<!-- {/if} --> 


--基于原ecshop修改。
分享到:
评论

相关推荐

    首页特价促销商品显示剩余时间倒计时效果

    通过上述步骤,ECSHOP系统就能在首页特价促销商品的展示中实时显示剩余的促销时间,为用户提供一个直观的时间参考,增加促销活动的吸引力,促进销售。在实际操作中,可能还需要根据网站设计和用户体验需求进行适当的...

    模仿ecshop倒计时

    模仿ecshop商品倒计时效果

    ecshop限时抢购免费插件.zip

    设置完成后,插件会自动按照设定的规则展示这些商品,同时可能还会配合一些视觉效果,如醒目的倒计时,以增强促销氛围。 使用该插件,商家可以灵活地创建多个限时抢购活动,针对不同的商品或季节性需求调整策略。这...

    ecshop 给商品增加新字段

    本文将详细介绍如何在ECSHOP中为商品增加一个新字段,这里我们以添加名为`other_col`的字段为例。 首先,我们要修改数据库表`ecs_goods`的结构,添加新的字段`other_col`。打开ECSHOP后台,进入“数据库管理” -&gt; ...

    ecshop商品上传视频【ecshop商品缩略图视频】

    ecshop商品视频上传视频播放功能,商品缩略图增加上传视频 ECSHOP商城默认功能是不支持商品缩略图位置增加商品视频添加视频功能,所以本站就开发了和京东天猫一样的商品缩略图位置增加视频功能 这样商品可以更好表达出...

    ECSHOP首页商品大图预览插件

    "ECSHOP首页商品大图预览插件"是针对ECSHOP平台设计的一个功能组件,旨在提升用户体验,使用户在浏览首页时能更方便地查看商品的详细图片。 在电子商务网站中,商品图片是吸引顾客注意力、促进购买决策的关键因素。...

    ECSHOP模糊分词搜索和商品列表关键字飘红功能

    最近在用ECSHOP做一个商城,发现ECSHOP的模糊搜索要求太高,需要加入and、空格、加号等,客户搜索的时候不可能这样操作。所以想对搜索功能进行改进,可是在网上没有找到这样的插件,有收费的,结果要2000大元。考虑...

    ecshop解决购物车ajax修改商品数量

    ### ecshop购物车中通过Ajax修改商品数量的技术解析与实现 #### 一、背景介绍 在电子商务系统中,购物车是连接用户与...开发者可以根据实际需求进一步扩展和完善该功能,如增加更多的用户交互效果或优化性能等方面。

    ecshop加入购物车效果插件

    标题中的“ecshop加入购物车效果插件”指的是在ECShop电子商务系统中增强购物车功能的一个特定插件。ECShop是一款开源的B2C在线商城系统,由上海商派网络公司开发,它提供了完整的电子商务解决方案,包括商品管理、...

    ECSHOP首页可伸缩广告插件

    ECSHOP是一款广泛应用于电商行业的...通过安装并利用这款插件,ECSHOP的使用者能够充分利用首页空间,提升广告效果,增加用户互动,从而提高销售转化率。同时,这款插件的易用性和美观性也是其受到商家欢迎的重要原因。

    ECSHOP商品详情页 增加自定义TITLE的方法

    在本文中,我们将详细探讨如何在ECSHOP电商平台的商品详情页上添加自定义的TITLE。ECSHOP是一款开源的电商系统,提供强大的商品管理和展示功能。有时,商家可能希望在商品详情页的HTML标题中加入特定的自定义内容,...

    ECSHOP仿淘宝添加购物车提示框效果

    本教程将详细介绍如何在ECSHOP中实现“仿淘宝添加购物车提示框效果”,提升用户购物体验。 首先,我们要理解淘宝购物车提示框的效果。当用户点击商品加入购物车时,一个美观且动态的提示框会出现在屏幕中央,显示...

    ECSHOP限时免费抢购插件

    抢购过程通常包含倒计时显示,以增加紧迫感,同时有数量限制以确保公平性。 标签中的"ECShop"、"ecshop 2.73"、"ecshop插件"和"商城插件"进一步强调了该插件与ECSHOP的紧密关系以及其作为扩展功能的角色。这些标签...

    ecshop插件商品分类添加图片显示功能

    这个插件会增加一个字段,允许管理员上传与每个商品分类相关的图片。在数据库层面,这可能意味着在商品分类表中新增一个字段,如`category_image`,用于存储图片的URL或者文件路径。 接下来,我们需要修改后台管理...

    EcShop开发案例整理

    55.首页今日特价增加倒计时效果:通过编程实现倒计时逻辑,并在首页模板中展示倒计时。 56.缩略图、商品图片模糊及加水印图片变模糊的解决办法:涉及到图片处理和优化的策略,可能包括调整图片压缩算法和分辨率。 ...

    ECSHOP批量添加商品到购物车

    安装和启用此插件,可以为现有的ECSHOP站点增加批量添加商品到购物车的能力。 总结,ECSHOP批量添加商品到购物车是通过前端交互和后端处理协同工作实现的,涉及到的技术包括JavaScript、Ajax和PHP。这一功能提高了...

    【ECSHOP插件】ECSHOP商品相册批量上传插件免费下载

    3. 商品相册管理:ECSHOP的商品相册功能使得商家能够为每个商品创建多张图片,展示商品的不同角度、细节或者使用场景,从而提高消费者的购买决策体验。批量上传插件进一步优化了这一功能,让商家能快速完善商品的...

    ecshop二次开发 47个经典插件开发案例 ecshop

    二十七、分享ec搜索出现相关商品的效果滑动效果(模仿百度) 88 二十八、修改注册发送邮件(更新) 94 二十九、新增加一调用编辑器函数 97 三十、简单实现 各个页面都可显示友情链接 97 三十一、Ecshop系统框架分析 ...

    ecshop商品页显示供货商插件

    这个"ecshop商品页显示供货商插件"是为了增强ECSHOP平台的功能,以便在商品详情页面上展示商品的供货商信息,让顾客在浏览商品时能了解其来源,增加购物体验的真实感和信任度。 首先,我们需要理解“供应商”在电商...

    ecshop商品浏览权限控制插件

    标题中的“ecshop商品浏览权限控制插件”指的是针对ECSHOP这个开源电商系统的功能增强插件。ECSHOP是一款基于PHP语言开发的网店系统,它提供了丰富的功能来帮助商家建立和管理在线商店。这个插件的重点在于商品的...

Global site tag (gtag.js) - Google Analytics