您现在的位置是: 首页 > 技术分享 >
Ecshop商品详情添加加减按钮
引导语:Ecshop中商品详情页,添加加减按钮,样式是自定义的,可以修改自己喜欢的样式。给a标签加一个class值就可以了。给加的按钮,加一个onclick方法,在方法里定义goods_add(),同理,减的按钮就定义goods_cut();最后别忘记在点击事件里加changePrice()这个方法(改变价格会根据数量的变化而变化)
1、首先在模版里找到goods.dwt,搜索changePrice(),大概416行左右,找到数量的那行代码,添加减加按钮。代码如下:
-
+
2、最后一步就开始写js代码,goods_cut方法,和goods_add方法,代码如下:
function goods_cut(){
var num_val = document.getElementById('number');
var new_val = num_val.value;
var num = parseInt(new_val);
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;
}
分享:
上一篇: 有叶有果
下一篇: Ecshop退出登录保存购物车商品
