ecshop购买数量加减控制修改优化

2016-07-07 14:55 来源:www.chinab4c.com 作者:ecshop专家

ecshop商品采购页里的采购数量默许是个文本框,假如需求采购的数量不是1件的话需求先在数量的文本框内填上所需求的件数,再点击参加购物车。从用户体会的视点这不是太好,由于用户阅读网站时大多时分都运用鼠标,从细节的用户体会来思考,最佳不要让用户频频的在鼠标和键盘中切换操作。

而假如按默许ecshop模板及大多数开发的模板来看,都延用了ecshop自身的程序没有进行太多修正和优化。从调查大型电商网站能够发现,一般它们运用的是在文本框邻近放置两个按钮,经过鼠标点击按钮来进行数量的增减。本期咱们将来修正这个细节。

以买油画为例,点开一个商品页:,在采购数量的文本框里前后各有一个加减按钮,我是怎么做到的呢?放出代码:在商品详情页模板或详细购物框的库文件中,将代码:{$lang.number}{$lang.colon}

修正成{$lang.number}{$lang.colon}1){document.getElementById(“number”).value–;}’ src=””>

onclick=’document.getElementById(“number”).value++;’
src=””>我们能够对比增加的代码,应用到自个的模板上,然后自行调理css即可。一起能够发现,那两个加减按钮其实是一个gif图像。完结这个修正后,采购体会比原先好了许多。

回答:
不错。。值得表扬

非常好 受用了