您现在的位置是：首页 > 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常用变量整理

相关教程

图文教程

相关源码

(自适应响应式)HTML5中小学早教教育机构类网站pbootcms模板下载基于PbootCMS内核开发的响应式模板，为早教中心、培训学校等教育机构打造，提供从技术架构到视觉呈现的全套网站建设方案。查看源码
帝国cms7.5淘宝客电商品牌特价带手机站带会员模板下载为电商品牌特价展示设计的帝国CMS模板，集成PC端与移动端双平台适配。采用瀑布流商品布局，支持品牌分类聚合展示，突出特价促销视觉冲击力。查看源码
(自适应)物流运输快递仓储货运网站模板免费下载基于PbootCMS内核开发的物流运输行业专用模板，深度适配仓储货运企业的业务展示需求。前端采用响应式布局，自动适配手机端访问，后台数据实时同步更新，帮助企业高效展示运输网络、仓储设施、服务流程等核心业务模块。查看源码
(自适应响应式)家电维修清晰服务网站pbootcms模板免费下载本模板基于PbootCMS内核开发，为维修服务类企业打造，特别适合家电维修、设备维护等行业使用。通过简洁直观的界面设计，帮助企业快速搭建专业级服务平台，实现线上业务高效管理。查看源码
(自适应手机端)seo博客网站模板新闻资讯网站源码下载本模板为SEO博客及新闻资讯类平台深度定制，采用PbootCMS内核开发。通过模块化设计实现多行业快速适配，仅需替换图文内容即可转型为医疗、教育、科技等领域网站。响应式布局确保在手机、平板等设备上获得一致浏览体验。查看源码
(PC+WAP)聚氨酯粉末涂料防腐耐用材料粘合剂网站源码下载为化工涂料企业设计的展示系统，集成产品技术参数库、颜色样板展示器和配方查询模块。支持粉末涂料、环氧树脂等多类产品分类展示查看源码

分享笔记（共有篇笔记）

大家在看

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

本栏推荐

大家喜欢