如何增修改ADDTOCART函数,在
分类列表页面增加购买
数量.这个我也是刚刚遇到了这样一个问题,看了下
论坛里很多人问也没人愿意免费说,后来自己想
办法解决了,其实很简单,我这里把解决思路给大家共享一下:
商品列表页的添加到
购物车都是用addToCart函数,所以就是从这里着手,addToCart函数在js/common.js里。
第一步:在goods_list.lib约103行增加:
- <input name="number{$goods.goods_id}" type="text" id="number{$goods.goods_id}" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; margin-right:10px; width:40px; vertical-align:middle "/>
- <a href="javascript:addToCart({$goods.goods_id})"><img src="../images/goumai.gif"></a>
复制代码number{$goods.goods_id}这样做是为了每个商品的订购数量input有不同的ID值,方便我们在JS里获取这个值
第二部:修改common.js 找到一下代码(红色为修改或新增加代码):
- function addToCart(goodsId, parentId)
- {
- var goods = new Object();
- var spec_arr = new Array();
- var fittings_arr = new Array();
- //var number = 1; //注释掉这行,这行就是默认购买都是1
- var numberid = 'number'+goodsId //新组成这个商品的订购数量的ID值,规则和第一步里保持一样
- var number = document.getElementById(numberid).value //获取商品订购数量的值
- var formBuy = document.forms['ECS_FORMBUY'];
复制代码第三部:有的商品还有
属性规格,比如配件或颜色等,点添加到
购物车的时候会弹出一个
选择层,所以还需要修改common.js里的一下代码,和上面一样:
- function submit_div(goods_id, parentId)
- {
- var goods = new Object();
- var spec_arr = new Array();
- var fittings_arr = new Array();
- //var number = 1;
- var numberid = 'number'+goods_id
- var number = document.getElementById(numberid).value
- var input_arr = document.getElementsByTagName('input');
- var quick = 1;
复制代码第四部:修改goods.dwt:约312行
- <input name="number{$goods.goods_id}" type="text" id="number{$goods.goods_id}" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; margin-right:10px; width:40px; vertical-align:middle "/>
复制代码number{$goods.goods_id}这样做是为了每个商品的订购数量input有不同的ID值,方便我们在JS里获取这个值
还有要修改页面底部JS约564行
- var qty = document.forms['ECS_FORMBUY'].elements['number'].value;
复制代码修改为:
- var qty = document.forms['ECS_FORMBUY'].elements['number{$goods.goods_id}'].value;
复制代码约580行:
- document.forms['ECS_FORMBUY'].elements['number'].value = res.qty;
复制代码修改为:
- document.forms['ECS_FORMBUY'].elements['number{$goods.goods_id}'].value = res.qty;
复制代码特别说明以上三部ANYYA提供,我是加以修改完成。
查看更多 ecshop教程 ecshop模板
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。