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

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

含烟2025-01-14Ecshop商城教程已有人查阅

导读ECSHOP是一款开源的网上商店系统，在我心目中可以算得上网上商城界的Wordpress了。本文介绍如何实现在ecshop中批量添加商品到购物车。大家都知道，默认的ecshop只能单件点击

ECSHOP是一款开源的网上商店系统，在我心目中可以算得上网上商城界的Wordpress了。本文介绍如何实现在ecshop中批量添加商品到购物车。大家都知道，默认的ecshop只能单件点击“添加到购物车”（Add to Cart）实现一件一件的添加商品到购物车，无法经过多选之后批量添加。
其实实现的方法比较简单，Ecshop本身的添加商品到购物车使用的是一个js函数调用json来post数据的，这里我们就可以使用已有的这个函数 addToCart()来实现批量添加。下面给出具体操作步骤。
1. 修改商品列表模板 /themes/default/library/goods_list.lbi 在其中每个商品的前面增加一个复选框按钮。即默认模板大约第74行，增加代码：

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

2. 增加可以添加选定商品到购物车的链接。位置任选，代码如下：

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

3.添加循环将选定商品加入购物车的函数，打开/js/common.js文件，在第36行，加入如下代码：

/**添加选定商品到购物车
*/
function addSelectedToCart(p)
{
for ( var i=0; i<document.getElementById(p).elements.length; i++ )
{
var e = document.getElementById(p).elements;
if ( (e.type=='checkbox')&&(!e.disabled) )
{
if ( e.checked )
{
addToCart(e.value) ;
}
}
}
}

本文标签：

很赞哦！ ()

上一篇：ecshop远程图片本地化保存相册图片的实现方法

下一篇：ecshop常用变量整理

相关教程

图文教程

相关源码

帝国cms7.5模板情感文学名言名句心情文章类源码下载带手机本模板基于帝国CMS7.5开发，为情感文学类网站设计。整体风格温馨雅致，布局合理清晰，特别适合建设情书分享、文学作品展示类网站。模板采用响应式设计，能够自动适配各种终端设备。查看源码
帝国cms7.5品牌连锁店招商加盟商机网站模版源码本模板为招商加盟、创业投资、品牌连锁等商业领域设计，采用帝国CMS7.5内核构建，整体风格简洁大气，突出商业信任感与专业度，适合各类招商加盟项目展示、品牌连锁店宣传等商业应用场景。查看源码
(自适应响应式)化妆美容口红唇膏化妆品模板pbootcms源码下载基于PbootCMS开发的响应式模板，为化妆品品牌、美容机构打造，通过优雅的视觉呈现提升产品展示效果与品牌调性。采用时尚杂志排版风格，色卡系统规范产品展示。微交互动画增强用户体验，智能推荐算法提升产品关联展示效果。查看源码
帝国cms7.5奇闻异事末解之谜模板免费下载带数据本模板基于帝国CMS7.5系统开发，为神秘现象、未解之谜类主题网站设计。包含完整的PC端、移动端及百度MIP站同步生成功能，内置火车头采集规则模块，可快速采集目标站内容资源。整体设计风格神秘大气，符合主题定位。查看源码
(自适应响应式)高端网站建设设计公司互联网营销网站pbootcms模板本模板基于PbootCMS内核开发，为网站建设公司和互联网营销企业量身打造。采用响应式设计，适配各种移动设备，提供统一的后台管理体验查看源码
自适应APP应用程序介绍推广落地页pbootcms网站源码下载移动应用开发商设计的营销型落地页模板，基于PbootCMS内核深度开发采用前沿响应式架构，无缝适配手机端操作习惯与PC端展示需求。查看源码

分享笔记（共有篇笔记）

大家在看

ecshop收货地址199/198号段提示手机号格式不正确！

本栏推荐

大家喜欢