打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
ecshop购买数量前后添加加减按钮

Ecshop的用户体验做的真的不敢恭维,在商品详情页和购物车页面,购物数量不能加和减,只能用户自己修改数量框里的数字。下面给数量框两侧添加“+”“-”按钮。
1、修改/js/common.js,在最后添加以下代码:

  1. /**

  2. * 购物车加减按钮

  3. * @param txt_id 数量的ID

  4. * @param type 加 + 减 -

  5. * @param num 添加或者减少的数量 默认为一

  6. */

  7. function cart_number(txt_id, type, num)

  8. {

  9. num = num || 1;

  10. var txt = document.getElementById(txt_id);

  11. var source_num = parseInt(txt.value);

  12. if (source_num == 1 && type == '-')

  13. {

  14. alert('请最少购买一个商品');

  15. return;

  16. }

  17. var to_num = source_num;

  18. if (type == '+')

  19. {

  20. to_num += num;

  21. }

  22. else if (type == '-')

  23. {

  24. to_num -= num;

  25. }

  26. txt.value = to_num;

  27. showdiv(txt);

  28. }

复制代码

2、修改模版文件夹下flow.dwt,添加以下代码:

  1. 搜索 goods_number 的input, 在input 两侧添加以下代码,其中“+”“-”也可以换成加号和减号的图片:

  2. <a href="javascript:cart_number('goods_number_{$goods.rec_id}', '-');">-</a>

  3. <a href="javascript:cart_number('goods_number_{$goods.rec_id}', '+');">+</a>

复制代码

说明:这个修改方法是用在购物车页面,不过有个缺点是,它不是基于ajax,所以修改数量后要点“更新购物车”才可以。
这个修改方法也可以用在商品详细页面,不过需要修改一个地方,把第二步中的代码修改为:

  1. <a href="javascript:cart_number('number', '-');">-</a>

  2. <a href="javascript:cart_number('number', '+');">+</a>

复制代码
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
[转载]ecshop购物流程中的购买数量的加减按钮
ecshop修改模板可输出php代码
如何把2274587.84如何快速的转换为大写:贰佰贰拾柒万肆仟伍佰捌拾柒元捌角肆分?(上篇)
ECSHOP_-_修改首页或其他页面的商品展示数量
iOS拨打电话
如何快速合并多个csv文件?
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服