180-0680-8820

绍兴云远网络热线
首页 >> 网建 >>公司新闻 >> 重磅!绍兴云远网络有限公司商城手机端页面新版上线~
详细内容

重磅!绍兴云远网络有限公司商城手机端页面新版上线~

一.详情页



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



image.png




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

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



image.png




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

(2)批发



image.png




根据后台设置,展示批发数量最高价格,点击批发信息弹窗后,展示后台设置的全部批发价格。批发产品本次优化了购买逻辑:后台设置”多规格一起计算批发数量”的批发商品,可直接再加入购物车,在购物车中判断是否满足批发条件。

(3)微团购



image.png




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

(4)限时购



image.png




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

(5)清仓购



image.png




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

2.  增加了商品优惠的展示弹窗
 image.png




新增加了商品各优惠参数的展示,其中包含:
“手机下单立减”、”商品限购”、”起售数量””下单返消费积分”、”购买必须使用消费积分”展示优惠内容。

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


image.png



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

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



image.png




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

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



image.png




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

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



image.png




去掉了原本两种风格的产品详情展示风格,将详情页直接通栏长页展示,最大支持”产品详情””产品参数””产品溯源”三项自定义详情,支持通栏切换查看。将相关文章,及产品图册一同产品详情通栏展示,可无缝切换展示内容

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



image.png




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

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



image.png




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




二.列表页
1.  优化了四种展示下的展示效果


image.png



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

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



image.png




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

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

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



image.png




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

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



image.png




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



image.png




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




三.购物车
新版购物车全面改版展示样式
1.  购物车内产品按”自营/每个店铺”分组进行展示


image.png



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



image.png




3.  增加了3种活动在购物车内展示样式
(1)微团购/限时购



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

(2)批发



image.png




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

(3)满减



image.png




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



image.png




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

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


image.png



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

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



image.png

技术支持: 杭州云远科技有限公司 | 管理登录