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

找到模板文件中的good.dwt，查找类似 <input
name="number" type="text"
的数量文件输入控件（有的模板可能整合到了类似goods_info.lib库文件中）。
将这一整段<input …… />修改为
复制代码
<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样式：
复制代码
.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}]"   ……
下面是脚本
复制代码
            <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"/>
附件有默认模板的示列文件。
下载附件
ECSHOP 商品详情页 购物车页 添加购买数量加减按钮附件
备份下载：
链接: https://pan.baidu.com/s/1Wodnuy0CC6rFi856lmLDsA 提取码: itw7