最新消息:觉得本站不错的话 记得收藏哦 博客内某些功能仅供测试 讨论群:135931704 快养不起小站了 各位有闲钱就打赏下把 My Email weicots#gmail.com Please replace # with @

magento简单的促销倒计时功能

Magento 资料整理 mingyue 5940浏览

关于magento的特价倒计时功能,官网有一个免费的插件地址如下:

http://www.magentocommerce.com/magento-connect/apptha/extension/7657/price_countdown

官网的这款插件怎样,我具体没有测试过,喜欢的可以去下载,下面我介绍的是自己所想的如何实现简单的倒计时。对应促销的流程一般为,距促销开始还有多少时间=》促销开始=》距离促销结束时间还有多久=》促销结束;

第一步:在后台编辑产品页,给产品加Special Price From Date,产品特价开始时间;Special Price To Date产品特价结束时间这两个属性。

第二步:找到app/design/frontend/[myinterface]/[mytheme]/template/catalog/product/view.phtml找到

<?php echo $this->getChildHtml('product_type_data') ?>

大约65行左右

插入如下:


<?php $fromdate =? strtotime($_product->getSpecialFromDate()); //产品促销开始时间?>
<?php// echo $strtimefromdate = strtotime($fromdate);?>
<?php $nowdate = strtotime(date('Y/m/d h:i:s')); //当前时间?>
<?php //echo '<br>'.date('Y/m/d h:i:s',time());?>
<br>

<?php //特价倒计时促销?>
<?php $todate =? $_product->getSpecialToDate();#获取的是特价到期时间 ?>
<?php if($todate):?>
<?php $strtimetodate = strtotime($todate);//时间戳 ?>
<?php $date1 = date('Y/m/d h:i:s',$strtimetodate); //时间格式转化为y/m/ h:i:s格式 ?>
<?php //echo strtotime(date('y/m/d h:i:s'));?>

<?php //if()
//echo $this->getSkinUrl('js/jscript_jquery-1.7.1.min.js')?>

<div class="times">
<?php
if($fromdate < $nowdate){
if($strtimetodate> $nowdate){
$strto ='<p>距离优惠价结束还有:</p>';
$strto1 ='<p>赶紧抢购啊!</p>';
echo $strto.'<div class="endtime" value="'.$strtimetodate.'"></div>'.$strto1;

}else{
echo '<div class="endtime" value="'.$strtimetodate.'"></div>';
}

}else{
$strto ='<p>产品即将促销哦,记得时间来买:</p>';
$strto1 ='<p>赶紧收藏!</p>';
echo $strto.'<div class="endtime" value="'.$fromdate.'"></div>'.$strto1;
}
?>

</div>

<?php //echo $this->getSkinUrl('images/clock.jpg'); ?>

<?php elseif($fromdate &&($fromdate > $nowdate)): ?>
<div class="times">
<?php
$strto ='<p>产品即将促销哦,记得时间来买:</p>';
$strto1 ='<p>赶紧收藏!</p>';
echo $strto.'<div class="endtime" value="'.$fromdate.'"></div>'.$strto1;?? ??>
</div>
<?php endif ?>
<style>

.times p{font-weight:bold;color:#000;font-size:13px;}
.endtime{font-weight:bold;color:#c50000;font-size:18px;}
</style>

? <script type="text/javascript">
?? ?var serverTime = <?php echo time();?> * 1000;
?? ? ?jQuery(function(){
?? ??? ? ?var dateTime = new Date();
?? ??? ? ?var difference = dateTime.getTime() - serverTime;
?? ??? ??? ??? ?
?? ???     ?setInterval(function(){
?? ??? ??? ??? ?? jQuery(".endtime").each(function(){
?? ??? ??? ??? ??? ?var obj = jQuery(this);
?? ??? ??? ??? ??? ?var endTime = new Date(parseInt(obj.attr('value')) * 1000);
?? ??? ??? ??? ??? ?var nowTime = new Date();
?? ??? ??? ??? ??? ?var nMS=endTime.getTime() - nowTime.getTime() + difference;
?? ??? ??? ??? ??? ?var myD=Math.floor(nMS/(1000 * 60 * 60 * 24));
?? ??? ??? ??? ??? ?var myH=Math.floor(nMS/(1000*60*60)) % 24;
?? ??? ??? ??? ??? ?var myM=Math.floor(nMS/(1000*60)) % 60;
?? ??? ??? ??? ??? ?var myS=Math.floor(nMS/1000) % 60;
?? ??? ??? ??? ??? ?var myMS=Math.floor(nMS/100) % 10;
?? ??? ??? ??? ??? ?if(myD>= 0){
?? ??? ??? ??? ??? ??? ?var str =? myD+" Day "+myH+" hour "+myM+" minute "+myS+"."+myMS+" second";
?? ??? ??? ??? ??? ?}else{
?? ??? ??? ??? ??? ??? ?var str = "";?? ?
?? ??? ??? ??? ??? ?}
?? ??? ??? ??? ??? ?obj.html(str);
?? ??? ??? ??? ?? });
?? ??? ??? ??? ?}, 100);

?? ??? ??? ?});
?</script>??? 

附效果图如下:
1 2

清空缓存。刷新页面,一个简单倒计时促销功能就出现了。样式可以根据自己修改修改。

转载请注明:(●--●) Hello.My Weicot » magento简单的促销倒计时功能

蜀ICP备15020253号-1