ajax浮动迷你购物车，购物流程精简，人性化

2016-07-07 15:00 来源：www.chinab4c.com 作者：ecshop专家



前段时间做了个项目，购物流程非常人性化、非常精简，涉及大量的ajax和页面效果开发，现在暂时有点空了，发出来和大家一起分享下，并且也给自己的工作做一个小小总结和备忘。总结起来，该购物流程的主要特点如下：
1，系统整合了本人开发的进销存系统，在产品详情页，所有属性都是关联库存的，选择一个属性，可以显示对应的库存，如果库存为0，那么对应的属性按钮转为灰色

2，客户点击“加入购物车”按钮后，系统显示一个浮动的提示框，提示“系统处理中，请稍候。。。”[人性化1]

3，如果客户没有选择属性，那么随后会弹出一个浮动迷你属性选择框，再次提示客户选择[人性化2]。这个浮动的属性选择框同样有关联产品库存的功能。

4，如果对应的产品属性有库存，成功加入购物车后，再次显示一个提示框，提示“已成功添加”[人性化3]，并同时在加入购物车按钮下方显示迷你购物车，方便客户查看购物车的详情或进行修改[人性化4]

5，这个迷你购物车里，客户可以修改和删除商品，所有操作都是采用ajax完成
6，点击迷你购物车里的“去结帐”按钮，如果客户没有登陆，那么隐藏购物车后，会再显示一个迷你的浮动“登陆”和“注册框”，登陆或注册后，进入购物车页面[注：这里也可以直接进入结算页面，我个人感觉这样购物流程就更精简了，但是一切都得照客户的意思来做]。

7，如果在迷你购物车里，客户点击“继续购物”，那么这个迷你购物车就会隐藏，并弹出页面右下脚的“超迷你”购物车。

8，这个“超迷你”购物车这里还有些特效顺便介绍下：这个“超迷你”购物车平常固定在页面右下脚的，点击“展开购物车”按钮后，“超迷你”购物车就收缩到页面外部，同时展开“迷你”购物车
9，点击“超迷你”购物车里的“去结帐”按钮如果客户没有登陆，同样的会弹出迷你的浮动“登陆”和“注册框”，提醒用户登陆
10，在结算页面，也有大量的ajax开发以改进网站的人性化
A，结算页面，客户同样可以方便的修改购物数量，删除商品。

B，客户修改稿购物数量，删除商品等操作，系统采购ajax更新对应的配送方式和支付方式，以及订单金额等信息。
C, 结算页面，如果客户保存有多个收货地址，那么客户可以很方便的选择其中一个。

D，如果客户是第一次购买，那么填写的收货地址信息会自动保存，以便客户下次使用
E, 如果客户使用新的收货地址，那么这个地址同样会保存到客户的收货人地址列表里。
F，填写收货人地址，信息全部采用ajax动态保存，如果客户任何时候刷新页面，刚才填写的信息都不会丢失

回答：


演示地址：【暂时关闭，需要看演示的直接联系我】
http://test.megiga.com/goods-5673.html

分享一下这个功能吗

漂亮~美!!

很不错的

惊天地泣鬼神的好功能啊

放出来吧

看起来很漂亮，也觉得很使用，不过演示地址没用哦

惊天地泣鬼神的好功能啊

非常好的功能啊！

请问做这个多少钱。。可以短信我。给我QQ号码哦

考虑购买一个 并且对楼主的进销存也很感兴趣

需要定制类似功能的，可以直接加我QQ 36556161，详谈。

支持个,貌似不错

我现在太颓废了！