欢迎光临一流素材网,免积分免费素材下载!
当前位置:首页 > 教程 > CMS教程>Ecshop

ECSHOP商品详情页实现增加减少购买数量教程

所属栏目:Ecshop更新时间:2015-06-11 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

一流资源网之前分享过ECSHOP购物车页面通过增加减少按钮修改购买数量,点这里查看

今天再分享ECSHOP商品详情页购买数量增加减少教程, 如下图:


第一步:

打开 flow.php

查找:

elseif ($_REQUEST['step'] == 'update_cart')
{
    if (isset($_POST['goods_number']) && is_array($_POST['goods_number']))
    {
        flow_update_cart($_POST['goods_number']);
    }

    show_message($_LANG['update_cart_notice'], $_LANG['back_to_cart'], 'flow.php');
    exit;
}

也就是更新购换物车下面那段代码:


/*------------------------------------------------------ */
//-- 更新购物车
/*------------------------------------------------------ */

修改成:

elseif ($_REQUEST['step'] == 'update_cart')  
{  
    if (isset($_POST['goods_number']) && is_array($_POST['goods_number']))  
    {  
        flow_update_cart($_POST['goods_number']);  
    }  
    ecs_header("Location: flow.php?step=cart\n");  
   // show_message($_LANG['update_cart_notice'], $_LANG['back_to_cart'], 'flow.php');  
    exit;  
}

第二步:

打开 good.dwt  模板

查找:

<input name="number" type="text" id="number" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; "/>

也就是购买数量那个文本框

修改成:

<script language="javascript" type="text/javascript">  function goods_cut(){  var num_val=document.getElementById('number');  var new_num=num_val.value;  var Num = parseInt(new_num);  if(Num>1)Num=Num-1;  num_val.value=Num;  }  function goods_add(){  var num_val=document.getElementById('number');  var new_num=num_val.value;  var Num = parseInt(new_num);  Num=Num+1;  num_val.value=Num;  } </script>  <span class="goods_cut" onclick="goods_cut();changePrice();"></span> <input name="number" type="text" class="goodsBuyBox" id="number" value="1" size="4" onblur="changePrice();"/> <span class="goods_add" onclick="goods_add();changePrice();"></span>

CSS代码:

<style  type="text/css" >
#goodsInfo .goods_cut {  
background: url("images/btn_unfold.gif") no-repeat;  
border: 0 none;  
cursor: pointer;  
display: block;  
float: left;  
font-size: 0;  
height: 15px;  
line-height: 0;
margin: 8px 3px 0;  
width: 15px; 
 
}  
input.goodsBuyBox, input.number {  
border: 1px solid #DDDDDD;  
float: left;  
font-size: 10px;  
height: 18px;  
line-height: 18px;  
margin: 5px 6px 0;  
padding: 0;  
text-align: center;  
width: 32px;  
}  
#goodsInfo .goods_add {  
background: url("images/btn_fold.gif") no-repeat;  
border: 0 none;  
cursor: pointer;  
display: block;  
float: left;  
font-size: 0;  
height: 15px;  
line-height: 0;  
margin: 8px 3px 0;  
width: 15px;  
}  
.goods_number_tit{  
    display: block;  
    background:none;  
    width:60px;  
    height:25px;  
    line-height:22px;  
    float: left;  
}  
</style>


按钮图片下载:

4eb404cf5968e646de3f9a609f4352b3.zip


标签:
收藏 0 有帮助 0 没帮助 0 打赏 0
相关教程
给个评价吧