您现在的位置是:首页 > 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行,增加代码:
其实实现的方法比较简单,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常用变量整理
图文教程
通过AJAX方式动态更新ecshop购物车页面的商品数量的方法
每次用户进入ecshop购物流程的时候当需要更改购物车里的商品数量的时候必须要手动点击更新按钮
ecshop数据库getRow、getAll、getOne之间的区别
ECShop没有使用一些开源的数据库操作类,比如adodb或者PEAR,而是封装了自己的实现。这样做的好处是实现非常轻量,大大减小了分发包的文件大小。
ecshop文章列表显示文章缩略图显示文章简介
ECSHOP新页面调用指定文章分类下的很新文章列表显示文章标题文章缩略图图片文章简介为了个化需求,需要在首页或其它模板页面调用指定分类下的文章,那么我们可以这样来实现:
ecshop商品限制购买和批发起订数量的实行方法
做过商城,或者说经营过商城的都会知道,有很多商品利润很小,而且还要包运费什么的,所以根本就是做 的生意,如果利润小,数量多的话 这样就不会出现赔本的损失。
相关源码
-
帝国cms7.5淘宝客电商品牌特价带手机站带会员模板下载为电商品牌特价展示设计的帝国CMS模板,集成PC端与移动端双平台适配。采用瀑布流商品布局,支持品牌分类聚合展示,突出特价促销视觉冲击力。查看源码 -
(PC+WAP)生活资讯百科新闻门户类pbootcms网站模板为生活资讯、百科门户类企业打造的高性能网站模板,基于PbootCMS开源内核开发,采用HTML5响应式架构,PC与手机端实时数据同步,覆盖全终端用户浏览场景。查看源码 -
(自适应响应式)英文外贸汽车零配件五金机械网站模板为汽车零部件制造商与五金机械出口企业打造的响应式网站模板,内置多语言切换功能,支持产品参数表、OEM能力展示等外贸场景需求。通过结构化数据展示帮助海外买家快速理解产品规格。查看源码 -
响应式高端家居家具装修类pbootcms模板网站源码家居装修、空间设计企业打造的营销型网站解决方案,基于PbootCMS内核深度开发。采用前沿响应式架构,适配手机端与PC端浏览体验查看源码 -
(自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发,为研磨抛光设备制造企业设计,特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术,确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码 -
(自适应)电子元件电路板元器件pbootcms网站源码下载为电子元器件、电路板制造类企业设计,特别适合展示产品参数、技术规格等内容。采用响应式技术,确保各类电子元件在不同设备上都能清晰展示。查看源码
| 分享笔记 (共有 篇笔记) |
