详细内容

商城改版升级

商城型网站改版升级

“列表””详情””购物车”购买流程优化

一. 详情页

1. 改版了页面的展示逻辑:

详情新增了产品各种设置的展示,并将详情页按商品规格展示信息,确保商品信息的展示内容准确.


图片1.png

 

2. 优化了商品的数据结构,新增了六种活动下的展示

新版本的商城优化了商品的活动结构,提升了产品的加载速度,改版后,在后台添加商品活动时,商品只能存在于当前的活动状态,在添加商品至其他活动时,将提示是否将原活动修改为当前的活动状态.

(1) 会员商城/会员折扣


图片2.png

 

增加对会员商城及会员折扣商品的会员价展示效果,商品价格将根据当前登录会员的会员等级展示(未登录的按普通会员计算),会员商城的商品根据后台设置”是否展示全部等级折扣”来显示全部折扣弹窗.

(2) 批发


图片3.png

 

根据后台设置,展示批发数量最高价格,点击批发信息弹窗后,展示后台设置的全部批发价格.

批发产品本次优化了购买逻辑:后台设置”多规格一起计算批发数量”的批发商品,可直接再加入购物车,在购物车中判断是否满足批发条件

(3) 微团购


图片4.png

 

新增在产品详情中,根据后台设置展示”未开始””进行中””已结束”的活动状态,弹窗内可展示活动对应设置的信息.

(4) 限时购


图片5.png

 

正在参与限时购的商品,将根据活动状态展示限时购活动商品,并在限时购弹窗中展示对应活动的信息.

(5) 清仓购


图片6.png

 

商品参与清仓购时,将展示对应清仓购活动价格及清仓购标签.

3. 增加了商品优惠的展示弹窗


图片7.png

 

新增加了商品各优惠参数的展示,其中包含:

“手机下单立减”、”商品限购”、”起售数量””下单返消费积分”、”购买必须使用消费积分”

展示优惠内容

4. 改版了产品属性的展示规则


图片8.png

 

将原在详情页直接展示的产品属性信息及产品品牌,移至了产品属性弹窗中展示.

5. 优化了”评论””推荐搭配””商铺”’领取优惠券’的展示效果和交互体验


图片9.png

 

优化了产品附加值得展示样式及优惠券领取的操作体验.

6. 优化了”相关产品”的展示效果,产品价格直接展示商品购买价


图片10.png

 

将原相关产品移至了产品详情下方展示,优化了相关产品的价格展示,直接展示产品购买价.

7. 改版了产品详情的展示版式


图片11.png

 

去掉了原本两种风格的产品详情展示风格,将详情页直接通栏长页展示,最大支持”产品详情””产品参数””产品溯源”三项自定义详情,支持通栏切换查看.

将相关文章,及产品图册一同产品详情通栏展示,可无缝切换展示内容.

8. 全新改版了”分享”的功能


图片12.png

 

取消了原发送至朋友圈的蒙板展示,如需分享至微信可在微信下直接进行分销.新改版的分享直接复制链接及下载图片两种分享方式.其中下载图片需产品图标保存至手机分享,

9. 优化了底部购买方式的展示逻辑


图片13.png

 

页面底部的购买方式支持根据商品展示”立即购买””加入购物车””活动即将开始”及后台设置额度购买方式,根据商品状态准确展示对应的购买操作.

二. 列表页

1. 优化了四种展示下的展示效果


1568106558874500.png

 

在原列表页基础上,优化了四种排版下的展示样式

2. 增加了六种活动价格的展示


1568106593481066.png

 

新增在列表页直接展示产品活动价格.其中会员折扣/会员商城将依照浏览会员的等级进行展示.

3. 优化了产品列表的加载打开速度

优化了产品的查询方式,全面提高了产品列表的加载速度.

4. 优化了分类筛选的操作体验


图片16.png

 

将原顶部的筛选移至了侧边栏展示.

5. 优化了列表页直接加入购物车的弹窗交互,弹窗内新增了:


图片17.png

 

”必须使用消费积分””活动购买价””批发信息””限购”和”商品最小定量”的展示.


图片18.png

 

列表页加购弹窗新增了手机选号的直接购买弹窗;新增加了表单产品直接在列表页购买的弹窗操作.

三. 购物车

新版购物车全面改版展示样式

1. 购物车内产品按”自营/每个店铺”分组进行展示


1568106755563631.png

 

2. 增加了在购物车”每组”及”全部”的全选操作,并对应增加了购物车内的’管理”操作模式


1568106770532157.png

 

3. 增加了3种活动在购物车内展示样式

(1) 微团购/限时购


图片21.png

 

参与两种活动时商品在购物车的展示

(2) 批发


图片22.png

 

新增批发在购物车中”按一组批发”(累计数量批发),和”单个批发”(单独计算数量批发),两种展示方式.

(3) 满减


图片23.png

 

4. 增加了购物车”重选规格”的操作弹窗


图片24.png

 

支持在购物车切换所选商品规格,支持单规格无库存时提示并重选其他规格.

5. 新增购物车内”失效商品”分组


图片25.png

 

失效商品包含已加入购物车中,活动结束后不可购买的商品、下架或删除的商品、库存不足的商品.

6. 新增在购物车内直接领取优惠券,支持展示优惠券可用商品,优化了购物车中活动展示.


图片26.png

 

四. 后台修改

1. 营销活动

新改版的商城优化了”批发”、”微团购”、”限时购”、”清仓购”、”会员商城”、”会员折扣”,六种活动的逻辑结构.

商品只能同时存在六种活动中的一种:

当设置”批发”、”微团购”、”限时购”、”清仓购”,时商品会成为对应的活动类型;

当设置商品的特殊比例折扣或设置为会员商城商品时,商品会变为会员商城商品;

当商品未设置活动,设置了会员等级折扣时,商品结算按照当前等级的对应折扣结算.


图片27.png

 

当在后台切换添加新的活动类型时,如商品已存在其他活动,系统会进行提示,确认后将修改商品为对应的活动类型.

2. 栏目设计

(1) 栏目设计


图片28.png

 

设计中新增加了设置服务标签是否显示,开启后将在列表展示对应服务承诺,标签仅展示一行,超出部分不做显示.

(2) 栏目展示效果

图片29.png

详情改版后,去掉了原手机商品栏目”展示效果”的选择,改版后将全部采用新版本通栏的详情页展示效果.

3. 商城设置

(1) 浮动购物车按钮


图片30.png

 

浮动购物车按钮全部改版为了新的图标,已经选择的将根据颜色及形状替换为新版图标.

(2) 自定义购买按钮颜色


图片31.png

 

自定义购买按钮增加了”否(不使用)”的,选择不使用自定义颜色后,将使用色系中的颜色.

新改版的色系针对页面中的不同元素设计了不同的配色,此处不选用自定义时将根据色系展示.

4. 自营标签


图片32.png

 改版后,多用户商城新增加了”自营”的标签文字自定义功能,可在商铺设置中设置.





点击这里给我发消息