您现在的位置是: 首页 >  技术分享 > 

Ecshop商品详情添加加减按钮
叶子 2014-05-16 14:23:55

引导语: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;
}

yezismile wechat
欢迎关注博主公众号
分享:

Copyright © 2020
www.yezismile.com All rights reserved. 京ICP备15029736号-1