如何实现ecshop批量添加商品到购物车

第一步：

找到主机根目录下 /themes/default/library/goods_list.lbi 文件，在其中每个商品的前面增加一个复选框按钮。即默认旦悄模板大约第74行，增加代码：

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

第二步：

增加可以添加选定商品到购物车的链接。位置任选，仔棚添加的代码如下：

<a href=”javascript:addSelectedToCart(‘goodslist’)”>Add selected products to cart

第三步：

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

/*

*添加选定商品到购物车

*/

function addSelectedToCart(p)

{

for ( var i=0i<document.getElementById(p).elements.lengthi++ )

{

var e = document.getElementById(p).elements[i]

if ( (e.type==’checkbox’)&&(!e.disabled) )

{

if ( e.checked )

{

addToCart(e.value)

}

}

}

}

按照以上三个步骤即可实现，其实Ecshop这款开源的商城系统在念迟则客户下单时添加商品到购物车使用的就是一个JS函数调用来提交数据的，在这里我们添加一个封装好的函数addToCart()来实现批量添加就可以实现啦。按照以上步骤修改好之后到网站后台更新下缓存就可以完美实现批量添加商品到购物车了。

有两点你注意了就可以了：

一、你的静态页面需要在顶部引入，常用的js文件

<script type="text/javascript" src="js/common.js">穗信</script>

<script type="text/javascript" src="js/transport.js"></script>

<script type="闭族搏text/javascript" src="js/utils.js"></script>

二、<a href="javascript:addToCart({$goods.goods_id})"><img src="images/add to cart.gif" alt="Add to cart" /></a>超链轿祥接中的addToCart({$goods.goods_id})，其中{$goods.goods_id}应换成固定的商品ID

这样就可以了

在模板文件夹的羡绝-library文件夹里的老派神goods_list.lbi文件，代侍亏码如下：

<p>

<a href=”javascript:addToCart({$goods.goods_id})”><img src=”images/but_buy.jpg”></a>

</p>

---