有图为证:一步一步教你实现购物车中加入详情,最常用的购物车增强功能
2016-07-07 14:55 来源:www.chinab4c.com 作者:ecshop专家
今天给一朋友解决一个问题,需要在商城每个页面中的购物车处都显示购物车详情!其实,这个功能很简单,现在很多商城都在用(PS:虽然我的成都零食网现在还没有使用这个功能,并且以后暂时也没有打算使用这个功能,今天还是把这个写出来分享给大家。)。要实现并不是难事,就是在订单模板中加几个关于订单详情的显示嘛。如果需要在这里面加入删除或更新也只需要结合JS进行调用就行了。现在将我实现这个功能的方法公布如下: 老规矩,先上图。有图为证: 给商城里加入购物车详情后的效果图 可以从图中看出,我主要是添加了购物车详单和删除操作。其它都是一样的。以下是具体实现方法和简单原理: 要实现,首先要知道这一块是怎么出来的,做过ECSHOP二次开发的朋友对这个肯定不陌生了,模板文件在模板文件夹中的库文件夹的cart_info.lbi(找不到的同志可以搜索一下),原来这个模板里的东西很简单,就是添显示了“购物车里有X个商品,去结算”这类的信息。今天,我们要将其全部显示。 其次,我们要显示详情,肯定需要将这个详情使用弹出的方式来显示,不能直接显示,直接显示谁都会,那样有打开订单结算页有什么区别呢?占有太多地方了,这里就要用到css和js的一些基础知识了。 我的代码和注释如下:
以上代码仅供参考。如需要使用,需要结合以下CSS代码,请同步复制到相应目录文件或嵌入相关文件中
当然。这里默认这个详单是display:none的。需要您通过js进行调用将期display:block。 接下来,就是要改程序了: 打开/include/lib_insert.php找到function insert_cart_info()。将其改成以下内容
这样,就大功告成了!!购物车详细内容会显示了。但关键的是购物车中的删除。这个就要我们重新写入相应程序了才行。 我们在网站根目录建一个文件为delete_cart_goods.php。它的作用,来专门负责购物车进行更新的那么一个程序(其实只用于删除购物车的订单)
代码如上了,但细心的人看,这其实和lib_insert中的insert_cart_info函数是一样的,只是最后一行不一样,一个是输出到json数据组,一个直接返回。 这样有了这些以后就只差模板中的JS调用了。我们给删除链接添加了代码<a class="del" href="javascript:">[删除]</a> 插入deleteCartGoods这个js就行了。在这里提示一下,使用Jquery和使用EC自带的JS写法是有一定区别的,JQuery 我在这里就不写了,因为我火柴网的确没有使用,我也就懒得写了。
原理很简单,先发送删除指令,然后将返回的json数据重新加载到ECS_CARTINFO中的代码中就行了。 到此,大功告成!!看不懂的同志们可以在论坛和我blog中回贴或留言评论。在这里就先里放个链接了。。哈哈~~ PS:火柴网求友情链接,希望能得到您的帮助(链接名称:网购零食。地址:www.w7t.net) |
回答:
沙发。。。 |
支持一下楼主 |
有图为证:一步一步教你实现购物车中加入详情,最常用的购物车增强功能,听说 看帖回帖是美德~ |
cart_info.lbi哪里有啊?你的是哪个版本的? |
不顶不行!呵呵 |
楼主!你太强大了!爱死你了~ |
回帖做个记号,顶你~ |
顶一下 好好学习 |
多谢楼主分享!ORZ |
不错,很好,必须给力! |
楼主!你太强大了!爱死你了~ |
顶一下下 |
恩恩饿支持一下 |
最近更新
常用插件
- ecshop二次开发详细页面生
插件介绍: ECSHOP系统,在很多时候,很多商品没有人购买,不但购买的人...
- ecshop商品分类名称增加样
ecshop插件介绍:本插件可以方便在后台管理,为ecshop商品分类名称增加样...
- ecshop二次商品订购人信息
ecshop二次商品订购人信息填写插件,有时候给朋友送花,或者是送礼品的...
- ecshop2.7.1打印发货单插件
ecshop2.7.1打印发货单插件介绍:ecshop2.7.1和以前的ecshop版本不一样,ecs...
- ecshop分类批量扩展插件
ecshop分类批量扩展插件,这个插件是ecshop插件里面比较核心的插件。我们...
ecshop热门问答
ecshop热门资料
ecshopdaddy
返利网CPS接口
ecshopcart
ecshop系统
ecshop小店
ecshop转轮
ecshop历史
ecshop商品分类显示象导航
ecshoppxtgy
ecshopurl目录结构
ecshop李米娜
ecshopshow
ecshopSitemap
ecshop商品规格
uchome权限
ecshop付費
ecshop商品总数
ecshop百度蜘蛛
ecshop南京市
ecshop不吝
ecshop改名
ecshop邮政
ecshoprewrite
ecshop电话
ecshop黑客入侵
ecshop名鞋街
javapackage
ecshopEC浏览不正常
ecshop热卖
ecshopclient