最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > DedeCMS购物车优化之商品全选及数量增加减按钮

DedeCMS购物车优化之商品全选及数量增加减按钮

时间:2023-07-18 08:07:18 阅读: 文章分类: 网站建设 作者: 织梦网站员

导读:DEDE技术DEDE技术dedecms商城功能,有很多用户体验并完善,需要进一步开发,增加了下图的几个功能:增加商品js全选功能;js自动增加减数量功能(也可手动输入数量);对应的自定织梦手机模板织梦后台模板。

织梦手机模板织梦后台模板

dedecms商城功能,有很多用户体验并完善,需要进一步开发,增加了下图的几个功能:增加商品js全选功能;js自动增加减数量功能(也可手动输入数量);对应的自定义字段(如服装行业的尺码);去除购物车更新数量;更改订单号等。

dede购物车优化

1.JS商品全选功能

       用代码编辑器打开/templets/plus/car.htm,在<head/>之前增加,

<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery1.42.min.js"></script><!--引入jquery,文件放在在默认模板的js目录下--> <!--全选s--> <script type="text/javascript"> function selectGroup(checkbox,obj) { $('input[name='+obj+']').attr('checked', $(checkbox).attr('checked')); } </script> <!--全选e-->

       找到下面代码,大概在54行,按指定位置增加

<!--以下列出购物车内购商品列表(数组),开始遍历数组--> <tr> <th width="23"><input type="checkbox" onclick="selectGroup(this,'ids[]');"/>选择</th> <th width="23"织梦文章模板;>编号</th>

2.JS自动增加减,统计购物数量及商品总价

<!--js加减s--> <script type="text/javascript"> $(function(){ $(".add").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())+1) setTotal(); }) $(".min").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())-1) if(parseInt(t.val())<0){ t.val(0); } setTotal(); }) function setTotal(){ var s=0; $("#tab .jg").each(function(){ s+=parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text()); }); var Num=0; $("#tab .jg").each(function(){ Num+=parseInt($(this).find('input[class*=text_box]').val()); }); $("#total").html(s.toFixed(2)); //统计商品总价 $("#Num").html(Num.toFixed(2)); //统计购物数量 } setT手机模板dedeotal(); }) </script> <!--js加减e-->

关键词标签: CMS 购物车 全选

声明: 本文由我的SEOUC技术文章主页发布于:2023-07-18 ,文章DedeCMS购物车优化之商品全选及数量增加减按钮主要讲述购物车,全选,CMS网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_29076.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章