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

ecshop商品批量购买添加到购物车实现方法教学

寒雁2023-11-14Ecshop商城教程已有人查阅

导读ecshop中批量添加商品到购物车。大家都知道,默认的ecshop只能单件点击“添加到购物车”(Add to Cart)实现一件一件的添加商品到购物车,无法经过多选之后批量添加。

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[i];
   if ( (e.type=='checkbox')&&(!e.disabled) )
   {
    if ( e.checked )
    {
     addToCart(e.value) ;
    }
   }
}
}

本文标签:

很赞哦! ()

相关源码

  • (响应式)轴承机械五金零件产品pbootcms落地推广单页源码下载为轴承、机械零件等工业产品打造的响应式单页模板,基于PbootCMS内核开发,助力企业快速构建专业级产品展示页面。模板采用工业风设计语言,突出产品参数与性能优势,适用于设备制造商、零部件供应商等B2B场景推广。查看源码
  • (自适应响应式)高端珠宝首饰奢侈品pbootcms模板下载本模板为珠宝首饰及奢侈品行业打造,采用PbootCMS内核开发,具备卓越的视觉表现力与商业转化能力。自适应设计确保在手机端呈现产品细节,后台数据实时同步,助您高效展示钻石查看源码
  • (自适应响应式)房产合同知识产权企业管理pbootcms模板下载本模板基于PbootCMS系统开发,为知识产权服务、法律咨询及企业合同管理等行业设计。采用严谨专业的布局风格,突出法律文书与知识产权服务行业特色,适合展示各类法律服务和知识产权相关内容。查看源码
  • (自适应多语言)WordPress开源主题MirageV资讯个人博客源码MirageV资讯类个人博客主题源码/WordPress主题/全开源MirageV 是一款开源的 WordPress 主题,支持自适应、暗黑模式、多语言等功能,查看源码
  • 帝国cms7.5文库范文/付费下载/复制付费/带支付源码免费下载本模板为文库、文档分享、知识付费类平台设计,提供完整的内容变现解决方案。系统支持多种内容展示与付费模式,满足不同场景下的内容价值转化需求,帮助平台实现内容资源的有效管理和商业化运营。查看源码
  • (自适应)大气网络公司工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为网络技术服务类企业打造,具备高度可定制性。通过简洁现代的设计语言展现企业专业形象,后台数据实时同步机制确保多终端内容一致性,查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐