ECSHOP 商品详情页 购物车页 添加购买数量加减按

     找到模板文件中的good.dwt,查找类似 <input name="number" type="text" 

的数量文件输入控件(有的模板可能整合到了类似goods_info.lib库文件中)。将这一整段<input …… />修改为


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


然后文件最低端添加如下JS代码:


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


再添加css样式:


.goods_cut {
background: url("../images/plus.gif") no-repeat scroll 0 0 transparent;
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;
}
.goods_add {
background: url("../images/plus.gif") no-repeat scroll 0 -15px transparent;
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;
}

************************************************************************************************************

以下是购物车页面的修改方法!


在flow_cart.lib 或者 flow.dwt里,看各自的模板去修改,总之要找到这窜代码:
<input type="text" name="goods_number[{$goods.rec_id}]"   ……
下面是脚本:

在文件的最底部添加如下JS代码:

            <script language="javascript" type="text/javascript">
                function goods_cut($val){
                    var num_val=document.getElementById('number'+$val);
                    var new_num=num_val.value;
                    if(isNaN(new_num)){alert('请输入数字');return false}
                    var Num = parseInt(new_num);
                    if(Num>1)Num=Num-1;
                    num_val.value=Num;
                    document.getElementById('updatecart').click();
                }
                function goods_add($val){
                    var num_val=document.getElementById('number'+$val);
                    var new_num=num_val.value;
                    if(isNaN(new_num)){alert('请输入数字');return false}
                    var Num = parseInt(new_num);
                    Num=Num+1;
                    num_val.value=Num;
                    document.getElementById('updatecart').click();
                }
            </script>


找到 <input type="text" name="goods_number[{$goods.rec_id}]"

搜索不到你就搜goods_number就行了

替换为:

   <span class="goods_number_tit"> {$lang.number}:</span>
         <span class="goods_cut" onclick="goods_cut('{$goods.rec_id}');"></span>
         <input type="text" name="goods_number[{$goods.rec_id}]" id="number{$goods.rec_id}" value="{$goods.goods_number}" size="4" class="number" onblur="if(isNaN(this.value)){alert('请输入数字');return false}else{document.getElementById('updatecart').click();}" title="{$lang.goods_number_tip}"/>
         <span class="goods_add" onclick="goods_add('{$goods.rec_id}');"></span>


再继续找到

<input name="submit" type="submit" value="{$lang.update_cart}" class="btn_s3"/>


其实就是在更新购物车的按钮中添加一个id=“updatecart”

<input name="submit" type="submit" id="updatecart" value="{$lang.update_cart}" class="btn_s3"/>


完毕!


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值