您现在的位置是：首页 > 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系统开发。突出产品参数展示与技术文档管理功能，通过专业化的布局设计有效呈现工业设备特性，适配各类终端访问需求。查看源码
Wordpress博客新闻主题在线商店平台betheme 21.5.6版BeTheme是一款功能丰富的WordPress主题模板，专注于为各行业提供网站建设解决方案。该模板支持WooCommerce电子商务功能，能够快速搭建在线商店平台，同时适用于博客、新闻资讯类网站建设。自2014年发布以来，该模板已经获得大量用户的使用验证。查看源码
(PC+WAP)蓝色电子半导体电子设备网站pbootcms源码下载本模板基于PbootCMS内核开发，为半导体和电子科技行业设计，特别适合电子元器件、集成电路、半导体设备及相关技术产品展示。查看源码
响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发，为艺考培训学校与艺术机构设计，替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端，数据实时同步，运维效率提升300%。查看源码
(自适应响应式)运动健身瑜伽俱乐部网站pbootcms源码下载为健身瑜伽俱乐部设计的响应式网站模板，采用PbootCMS内核开发，可快速搭建专业级企业官网。模板默认适配运动健身行业视觉风格，用户可通过替换图文内容灵活应用于其他服务行业。查看源码
(自适应响应式)工业机床工程农业机械设备网站源码下载框架适用于工程机械、机床设备等工业领域。通过模块调整可快速转型为农业机械、物流设备展示系统。预留7种工业产品展示模板。查看源码