欢迎光临一流素材网,免积分免费素材下载!
当前位置:首页 > 教程 > CMS教程>Ecshop

实现ecshop列表页批量添加商品到购物车

所属栏目:Ecshop更新时间:2014-10-23 来源:网络 原作者:不详 发布:deepdfhy浏览:0

默认的ecshop中只能单件点击“添加到购物车”,没有办法批量添加,其实很简单,我们可以用函数 addToCart()来实现。下面我们就来讲一下具体的操作方法。

第一,修改商品列表模板 /themes/default/library/goods_list.lbi,在每个商品的前面增加一个复选框按钮。在74行的样子增加以下的代码:

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

第二,随便找个位置,增加可以添加选定商品到购物车的链接。代码如下:

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

第三,添加循环将选定商品加入购物车的函数,打开/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) ;
    }
   }
}
}


标签:
收藏 0 有帮助 0 没帮助 0 打赏 0
相关教程
给个评价吧