您现在的位置是：首页 > 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模板结构文件说明

图文教程

相关源码

(PC+WAP)房屋建造建筑工程房地产建材行pbootcms网站模板下载本模板基于PbootCMS内核开发，为房屋建造、建筑工程及房地产建材类企业设计。通过本模板可快速搭建具有行业特色的企业官网，只需替换文字与图片内容即可适配其他行业使用。查看源码
(PC+WAP)蓝色不锈钢簧线金属制品营销型pbootcms网站模板本模板基于PbootCMS内核开发，为不锈钢及金属制品企业量身打造。采用响应式设计，适配PC与移动设备，提供统一后台管理体验，数据实时同步更新。查看源码
(PC+WAP)中英双语户外用品帐篷装备pbootcms网站模板下载这款基于PbootCMS开发的中英文双语模板专为户外装备行业设计，适配PC和移动设备。模板采用现代化设计风格，突出户外产品的功能性和实用性，帮助企业建立专业的国际化展示平台。查看源码
(PC+手机)帝国cms7.5漫画图片连载网站源码免费下载本模板基于帝国CMS7.5深度开发，为漫画阅读类网站打造。整体设计风格贴合漫画行业特性，界面布局充分考虑漫画作品的展示需求，支持多种漫画阅读模式。模板采用响应式设计，能够自动适配PC端和移动端设备，为读者提供流畅的阅读体验。查看源码
(自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计，采用现代化科技风格，突出产品的智能特性和技术创新。模板架构合理，功能完善，能够有效展示各类智能产品的核心功能和解决方案。查看源码
(响应式)wordpress模板VieuV4.5主题资讯自媒体博客源码Vieu主题专注于个人博客与企业展示场景，采用响应式设计确保在手机、电脑、平板等多设备上的展示。主题集成会员中心、投稿系统、内容保护等实用功能，满足现代博客网站的建设需求。查看源码