您现在的位置是：首页 > 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系统开发，为安防电子设备企业设计，特别适合监控摄像头、安防系统等产品的展示。采用响应式技术，确保各类设备参数和功能在不同终端上都能清晰呈现。查看源码
响应式WordPress简约博客主题Alt_BlogAlt_Blog主题该模板为博客内容展示设计，采用简约现代的风格理念，打造清晰的内容呈现平台。响应式布局确保在不同设备上都能获得良好的浏览体验，帮助博主更好地展示和分享内容。查看源码
(自适应响应式)英文外贸电子产品手机配件网站pbootcms模板专业级外贸网站模板基于PbootCMS内核开发，为电子产品跨境贸易企业设计。采用响应式布局技术，确保电脑、平板、手机等设备访问时自动适配显示效果。数据实时同步管理，一次编辑全平台生效。查看源码
(自适应)帝国cms7.5文章新闻博客整站源码( 带会员中心)本模板基于帝国CMS内核开发，为新闻资讯、个人博客及作品展示类网站设计。采用响应式布局技术，确保在手机、平板和电脑等不同设备上都能获得良好的浏览体验。查看源码
pbootcms响应式蓝色旅游旅行社pbootcms网站源码下载为旅游公司、旅行社定制的响应式网站模板，聚焦旅游线路展示、景点推荐及预约服务场景。采用PbootCMS内核开发，自适应技术确保PC与手机端数据实时同步查看源码