您现在的位置是：首页 > cms教程 > Ecshop商城教程Ecshop商城教程

ecshop商品批量购买批量添加商品到购物车的方法

紫寒2023-11-21Ecshop商城教程已有人查阅

导读默认的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模板结构文件说明

图文教程

相关源码

(自适应)家禽饲养养殖基地pbootcms模板响应式模板下载为家禽饲养企业、养殖基地设计的响应式网站模板，聚焦畜禽产品展示、养殖技术分享及企业信息服务。采用PbootCMS内核开发，响应式技术确保PC与手机端数据实时同步查看源码
(自适应响应式)宠物经验资讯咨询博客pbootcms网站源码下载除宠物资讯领域外，通过内容替换可快速适配宠物用品商城、宠物医疗咨询平台、宠物训练教程网站、动物保护组织官网、水族爱好者社区等垂直领域。查看源码
(PC+WAP)蓝色电缆桥架五金钢结构机械PbootCMS模板下载采用PC与WAP双端适配设计，满足桌面设备和移动端访问需求。专注服务于电缆桥架、钢结构及五金机械制造领域，通过结构化布局展示产品特性与技术参数，后台数据一体化管理提升内容维护效率。查看源码
(自适应)蓝色建材亚克力板材装饰材料pbootcms网站模板这款基于PbootCMS开发的响应式模板为建材板材行业优化设计，适用于亚克力板材、建筑装饰材料等企业展示需求。采用HTML5技术实现手机/PC跨终端适配，管理员通过统一后台即可同步查看源码
自适应极简风个人博客文章自媒体网站模板基于PbootCMS开源内核开发的极简个人博客模板，采用移动优先设计原则，通过Media Query技术实现320px至1920px六级分辨率适配，确保在手机、平板及PC设备上均呈现良好的视觉体验。查看源码
(自适应html5)重工业钢铁机械设备网站pbootcms响应式模板下载为重工业领域打造的响应式网站模板，助力企业高效展示产品与服务，基于PbootCMS开发的工业级网站模板，特别适合钢铁制造、机械设备生产等重工业企业使用。查看源码