【注意事项】- 该组件的微信小程序端目前只支持“空白模板”，如希望其他模板支持，可联系官方进行特殊处理支持
- 电梯导航组件和搜索组件的“上滑出现，下滑消失”，不能同时存在
- 因为兼容性问题，零售店铺使用后，会导致“店招信息，会员组件，点单卡片，拼单卡片”这四个组件无法展示，预计11-12月份修复
- 因为兼容性问题，微页面顶部导航模板，暂时无法支持电梯导航组件
- 大客定制商家暂无法使用电梯导航组件
【小程序版本】 微商城需要更新到V2.84.6版本，零售需要更新到V3.38.4版本
【适用店铺】 微商城A，有赞连锁D，教育单校区/多校区、零售单店、有赞连锁L
【项目背景】
目前电商行业的商家使用导航的通常有三种场景
- 入口级导航：消费者点击后可以直接跳转至指定页面
- tab 导航：消费者点击后可以快速来回切换不同的页面
- 电梯导航：消费者可通过导航快速定位到当前页面的不同楼层
我们一直缺少一种能帮助消费者快速定位到商家设置的分类场景，提升消费者的浏览效率，实现本页模块之间快速导航的电梯导航功能，对于页面较长且对页面有分层需求的商家会造成比较多的不便，因此我们在微页面内新增了一个电梯导航组件。
【使用场景】
熊猫不走是有赞蛋糕烘焙类的头部品牌商家之一，由于蛋糕的品种繁多，不同节日和场景下的蛋糕款式也不同，为了提高消费者浏览店铺查找商品的效率。他们在店铺首页装修中对页面结构划分为了活动专区、热销推荐、儿童蛋糕、女神蛋糕、水果蛋糕、祝寿蛋糕、所有蛋糕等不同楼层，希望帮助不同类型的消费者快速找到适合自己的蛋糕类型。并通过电梯导航组件和楼层标题组件，逐个设立了定位锚点，并将电梯导航组件设置了吸顶效果，这样子消费者在页面中看到电梯导航之后只需要点击自己想要去到的模块，即可快速定位至页面的对应楼层，并且有了吸顶效果，电梯导航会一直固定在页面顶部，便于快速在不同的楼层之间进行切换。
【功能介绍】
电梯导航分为「文字型、图文型、图片型」三种主题导航模式，可通过点击导航快速定位到当前页面中的其他组件位置，实现楼层之间的快速切换
1、模式一——文字型
B端配置展示
文字型的电梯导航分为「下划线、方框、圆框、背景」四种视觉样式，如下图所示
且这四种视觉样式都支持设置「横向滚动」和「下拉展示」
2、模式二——图文型
B端配置展示
C端效果展示
3、模式三——图片型
B端配置展示
C端效果展示
本帖最后由 有赞-Ricky 于 2021-10-14 15:10 编辑 |
用手机打开
收藏
赞 1
···
回复
复制链接
新浪微博
QQ空间
微信扫码
赞 
回复
