麦壳云 - 让建站更简单

www.meakcms.com

首页 >> 升级公告 >>微站+App >> 商城手机端页面改版新升级
详细内容

商城手机端页面改版新升级

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

一. 详情页

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

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

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

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

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

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

(2) 批发

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

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

(3) 微团购

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

(4) 限时购

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

(5) 清仓购

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

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

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

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

展示优惠内容

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

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

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

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

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

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

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

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

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

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

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

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

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

二. 列表页

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

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

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

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

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

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

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

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

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

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

 

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

三. 购物车

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

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

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

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

(1) 微团购/限时购

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

(2) 批发

 

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

(3) 满减

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

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

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

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

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

四. 后台修改

1. 营销活动

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

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

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

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

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

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

2. 栏目设计

(1) 栏目设计

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

(2) 栏目展示效果

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

3. 商城设置

(1) 浮动购物车按钮

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

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

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

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

4. 自营标签

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



解决方案
更多
服务范围
更多
  • 电脑网站微信

    目录一、申请公众号微信支付(一)情况一、申请新的微信支付商户号1.申请新商户号(二)情况二、绑定已有的微信支付商户号2.登录微信商户平台添加授权3.获取公众号APPID4.登录微信电脑网站后台确认授权二、电脑网站微信支付需满足条件(一)电脑网站必须绑定阿里云备案通过的独立域名(二)对接电脑网站微信支付,需要认证服务号三、电脑网站微信支付在网站后台的设置5.添加支付方式6.设置微信支付商户(MCHID)7.设置公众号身份标识(APPID)8.开发者密码(APPSECRET)9.API秘钥(key)一、申请公众号微信支付微信支付申请分为两种情况:情况一,

  • 手机网站支付

    最新版电脑网站支付宝支付功能申请与配置操作流程已上线。一、 申请支付宝电脑支付电脑网站要使用支付宝支付功能,需要申请支付宝“手机网站支付”端口,位置如图1:点击“立即接入”,进行开通“手机网站支付”功能,如图2:填写具体信息,点击“下一步”,如图3:确认信息正确无误后,点击“已阅读并签署协议”,提交开通功能申请,如图4、5:申请提交成功,需要等待支付宝公司审核通过后,才能对接网站,实现手机网站订单使用支付宝支付方式。功能申请通过后,支付宝后台—产品中心—手机网站支付,查看效果为“已生效”状态,如图6:二

  • 电脑网站支付

    目录一、 申请支付宝电脑支付二、 支付宝支付在网站后台的配置1. 添加支付方式名称2. 获取收款方账号3. 合作者身份(PID)4. 安全校验码(Key)一、 申请支付宝电脑支付电脑网站要使用支付宝支付功能,需要申请支付宝“电脑网站支付”端口,位置如图1:点击“立即接入”,进行开通“电脑网站支付”功能,如图2:填写具体信息,点击“下一步”,如图3:确认信息正确无误后,点击“已阅读并签署协议”,提交开通功能申请,如图4、5:申请提交成功,需要等待支付宝公司审核通过后,才能对接网站,实现电脑网站订单使用支付宝支付方式。

  • 小程序微信支

    小程序微信支付操作流程一、 申请小程序微信支付微信支付申请分为两种情况:情况一,申请新的微信支付商户号;情况二,绑定已有微信支付商户号注意:申请微信支付的小程序账户需要进行微信认证,注册主体为个人的小程序目前暂不支持微信认证,也就是注册主体为个人的小程序不支持申请微信支付。(一) 情况一、申请新的微信支付商户号1. 登录微信小程序后台—微信支付—申请接入,如下图:2. 选择“我还没有微信支付商户号”,点击“申请接入”,选择“注册微信支付商户号”,如下图:申请商户号需1-5天时间,主要流程为:填写申请信息—微信

  • 郑州网站建设

    在做郑州网站建设优化的时候,确定了网站目标关键词后需要在文章内容页面重点布局长尾关键词,这样更有利于网站权重排名的提升,同时长尾关键词的转化率较高,属于精准流量。目标关键词是seo、网站优化,那么长尾关键词就是在seo以及网站优化的基础上进行拓展和延伸,但又不局限于此,只要是符合相关领域的适合做内页优化的关键词便可视为长尾关键词。

  • 发布百度小程

    百度智能小程序发布上传操作说明

  • 百度小程序开

    很多朋友小程序都上线了,并且在搜索上有稳定的客户群体,做小程序自然是为了转化,客服往往是大多行业不可或缺的功能,那么如何把客服功能接入到百度智能小程序呢,下面麦壳科技来告诉你。目前百度没有开放自助开通客服功能,所以需要您根据以下步骤开通百度小程序的客服功能。

  • 如何设置点击

    很多客户问“我们目前已有独立的官网小程序,内容相对丰富,不想重新在APP编辑那么多内容,怎么可以实现名片小程序官网跳转到已有的官网小程序呢?”为了满足这部分客户的诉求,今天Ai名片上线了 点击官网tab跳转小程序的功能。操作说明:1、超级管理员登录APP,我的-官网-官网导航跳转小程序,开启并配置要跳转小程序信息,保存后需要登录PC后台重新打包发布小程序模板。ps:修改APPID或跳转路径信息,必需PC后台重新发布小程序模板才可生效。2、名片小程序点击【官网】导航,弹出用户确认弹窗,选择“允许”则跳转到其他小程序,选择”取

  • 百度智能小程

    百度小程序支付是聚合了主流的百度钱包、微信、支付宝、网银等多种支付方式,方便开发者一站式快速接入多种支付渠道,让百度用户能在智能小程序场景下,直接完成支付、交易闭环,今天郑州百度智慧小程序开发公司麦壳科技就带大家去走一遍“百度智能小程序”支付功能设置流程,希望能够对于大家有所帮助!

  • 新微信消息推

    由于不同行业的微信模板消息是不同的,为了提高微信模板消息的通用性,我们对微信模板消息功能进行了升级。功能使用方便简单,我们提供了一组事件可能涉及相关变量,大家可以根据自己能够找到的相似的模版进行自定义编辑组合,使得兼容性更好,解决了老方式的局限性。使用方法:1、登录微信公众号,找到模板消息,在模板库里找到与页面上相似的模板(或者自定义),字段意思与我们提供的展示图大致相同即可;2、复制该模板的ID,粘贴到我们后台的输入框内,自动生成该模版的键值表。3、根据微信消息模板提供的键名填写相关键值内容即可。如

  • 如何配置快递

    1、先打开快递100的官网https://www.kuaidi100.com/2、先注册一个用户  3、注册成功后点击接口申请4、请选择企业版(免费版中有很多快递公司都不支持,所以建议请选择企业版本)5、填写您的企业信息,然后提交申请6、注册成功以后,您将会收到一封邮件 7、将key 和 customer 填写到网站后台物流的配置中就可以了  (注:快递100需要预充值或企业签定合同的方式月结算,如果没有进行相关的操作,只能免费使用100条)

麦壳科技

www.meakcms.com

联系电话:0371-22993208

联系邮箱:services@meakcms.com

公司地址:河南省郑州市金水区丰庆路65号




关于我们


郑州麦壳软件科技有限公司,旗下麦壳云建站面向中国中小电商企业,提供网站建设、商城系统、手机网站、微信网站、小程序、智能AI名片、手机APP、企业OA系统开发及运营的专业服务商。

 

提供简单而强大的H5自助建站平台,自2016年成立以来,通过技术和商业模式的创新,业务实现了快速增长。被誉为是行业内最具潜力的开发和服务团队。