站长之家 - 站长资讯 - 易采站长站

当前位置: > 建站教程 > 源码教程 > CMS 教程 >

ECSHOP批量添加商品到购物车-ECshop教程

2019-10-13 14:50 | 来源:易采站长站 | 编辑:admin |

 ECSHOP是一款开源的网上商店系统,在我心目中可以算得上网上商城界的Wordpress了。本文介绍如何实现在ecshop中批量添加商品到购物车。大家都知道,默认的ecshop只能单件点击“添加到购物车”(Add to Cart)实现一件一件的添加商品到购物车,无法经过多选之后批量添加。

其实实现的方法比较简单,Ecshop本身的添加商品到购物车使用的是一个js函数调用json来post数据的,这里我们就可以使用已有的这个函数 addToCart()来实现批量添加。下面给出具体操作步骤。

1. 修改商品列表模板 /themes/default/library/goods_list.lbi 在其中每个商品的前面增加一个复选框按钮。即默认模板大约第74行,增加代码:

<input type="checkbox" value="{$goods.goods_id}" />

2. 增加可以添加选定商品到购物车的链接。位置任选,代码如下:

<a href="javascript:addSelectedToCart('goodslist')">Add selected products to cart</a>

3.添加循环将选定商品加入购物车的函数,打开/js/common.js文件,在第36行,加入如下代码:

/*

*添加选定商品到购物车
*/
function addSelectedToCart(p)
{
for ( var i=0; i<document.getElementById(p).elements.length; i++ )
{
   var e = document.getElementById(p).elements[i];
   if ( (e.type=='checkbox')&&(!e.disabled) )
   {
    if ( e.checked )
    {
     addToCart(e.value) ;
    }
   }
}
}

软件名称:
ECshop电商网店系统下载
软件语言:
简体/多国语言
软件授权:
个人免费

  • ECSHOP商品页仿淘宝AJAX效果-ECshop教程
  • ECSHOP用中文域名不能访问漏洞-ECshop教程
  • ECSHOP从一个空间转到另外空间-ECshop教程
  • ECSHOP商品页显示当前登录会员等级价格-ECshop教程
  • ECSHOP验证邮件后送积分-ECshop教程
  • ecshop后台商品列表显示商品缩略图-ECshop教程
  • 在ECSHOP商品详情页显示供货商-ECshop教程
  • ECSHOP商品页购买记录的每页条数如何修改-ECshop教程
  • ECSHOP添加最新交易滚动显示功能-ECshop教程
  • ecshop中如何实现用户名和邮箱都能登陆-ECshop教程
  • 网友评论

    关于我们 - 联系我们 - 广告服务 - 版权声明 - 人才招聘 - 友情链接 - 网站地图 - 帮助 - -

    CopyRight © 2010-2016 源码下载 easck.com , All Rights Reserved

    蒙公网安备 15052402000103号

    蒙ICP备14002389-1号