您现在的位置是: 首页 > 技术分享 >
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退出登录保存购物车商品