叶子Blog

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