打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
ecshop如何在分类列表页增加购买数量
如何增修改ADDTOCART函数,在分类列表页面增加购买数量.这个我也是刚刚遇到了这样一个问题,看了下论坛里很多人问也没人愿意免费说,后来自己想办法解决了,其实很简单,我这里把解决思路给大家共享一下:

商品列表页的添加到购物车都是用addToCart函数,所以就是从这里着手,addToCart函数在js/common.js里。

第一步:在goods_list.lib约103行增加:
  1. <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 "/>
  2. <a href="javascript:addToCart({$goods.goods_id})"><img src="../images/goumai.gif"></a>
复制代码

number{$goods.goods_id}这样做是为了每个商品的订购数量input有不同的ID值,方便我们在JS里获取这个值

第二部:修改common.js 找到一下代码(红色为修改或新增加代码):
  1. function addToCart(goodsId, parentId)
  2. {
  3.   var goods        = new Object();
  4.   var spec_arr     = new Array();
  5.   var fittings_arr = new Array();
  6.   //var number       = 1;                                   //注释掉这行,这行就是默认购买都是1
  7.   var numberid    = 'number'+goodsId              //新组成这个商品的订购数量的ID值,规则和第一步里保持一样
  8.   var number      = document.getElementById(numberid).value   //获取商品订购数量的值
  9.   var formBuy      = document.forms['ECS_FORMBUY'];
复制代码

第三部:有的商品还有属性规格,比如配件或颜色等,点添加到购物车的时候会弹出一个选择层,所以还需要修改common.js里的一下代码,和上面一样:
  1. function submit_div(goods_id, parentId)
  2. {
  3.   var goods        = new Object();
  4.   var spec_arr     = new Array();
  5.   var fittings_arr = new Array();
  6.   //var number       = 1;
  7.   var numberid    = 'number'+goods_id
  8.   var number      = document.getElementById(numberid).value
  9.   var input_arr      = document.getElementsByTagName('input');
  10.   var quick     = 1;
复制代码

第四部:修改goods.dwt:约312行
  1. <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行
  1. var qty = document.forms['ECS_FORMBUY'].elements['number'].value;
复制代码
修改为:
  1. var qty = document.forms['ECS_FORMBUY'].elements['number{$goods.goods_id}'].value;
复制代码

约580行:
  1. document.forms['ECS_FORMBUY'].elements['number'].value = res.qty;
复制代码
修改为:
  1. document.forms['ECS_FORMBUY'].elements['number{$goods.goods_id}'].value = res.qty;
复制代码

特别说明以上三部ANYYA提供,我是加以修改完成。

查看更多 ecshop教程 ecshop模板

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
通过AJAX方式动态更新ecshop购物车页面的商品数量
shopnc 快速购买(点击飞入购物车)
仿淘宝商品详细页加入购物车效果
ecshop修改商品数量后自动更新购物车
ECSHOP模板使用ajax更新购物车数量
使用Chartjs
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服