您现在的位置是:首页 > 教程 > ecshop商城教程ecshop商城教程
ecshop商品批量购买批量添加商品到购物车的方法
紫寒2023-11-21 22:24:53ecshop商城教程已有人查阅
导读默认的ecshop中只能单件点击“添加到购物车”,没有办法批量添加,其实很简单,我们可以用函数addToCart()来实现。下面我们就来讲一下具体的操作方法。
默认的ecshop中只能单件点击“添加到购物车”,没有办法批量添加,其实很简单,我们可以用函数addToCart()来实现。下面我们就来讲一下具体的操作方法。修改商品列表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</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) ;
}
}
}
}
大家参照这样设置一下就可以了。
本文标签:
很赞哦! ()
下一篇:ecshop模板结构文件说明
相关文章
随机图文
-
ecshop购物进入结算页面无法选择“ ”
问:我使用ecshop前台购物进入结算页面,无法选择“ ”?答:“ ”是跟你上一栏选择的“配送方式”相关的。 -
ecshop4.0h5网路错误解决方案实例
ECSHOP4.0安装以后很多人出现ECSHOP H5网路错误,pc端和和H5 通信失败问题,代码号排查解决ECSHOP4.0 h5网路错误方案。 -
ecshop中的相对地址改为带域名地址的方法
这里说的 地址(或者叫完整地址)是指 查看网页源文件,在源文件中都能看到的带域名的完整URL形式,例如 -
ecshop商品分类增加自定义分类图实现不同分类展示不同广告
(1)添加新的商品分类多了可以自定义上传的分类图;(2)添加完分类后,编辑分类可以修改、删除(选择不保留的时候)或重新上传自定义的分类图。完全不用怕占用你宝贵的空间
留言与评论 (共有 条评论) |