有赞新零售社区

发帖
有赞微商城»产品发布|微页面新增装修组件——电梯导航

[有赞微商城] 产品发布|微页面新增装修组件——电梯导航

有赞-Ricky 2021-08-24 22305 浏览 28 评论 | 只看楼主 [打印]
【注意事项】
  • 该组件的微信小程序端目前只支持“空白模板”,如希望其他模板支持,可联系官方进行特殊处理支持
  • 电梯导航组件和搜索组件的“上滑出现,下滑消失”,不能同时存在
  • 因为兼容性问题,零售店铺使用后,会导致“店招信息,会员组件,点单卡片,拼单卡片”这四个组件无法展示,预计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 ··· 回复
    乔万尼小乔   青铜   2021-08-26 | 只看该作者
    你好,我们店铺装修空白模板怎么没有看到有这个电梯导航啊?店铺编号:39792659

    中国茶业   白银   2021-08-28 | 只看该作者
    店铺编号:69730089 申请内测
    中国茶致力于为广大爱茶之人送上纯朴的天然茶叶。品质打动您!https://kdt.im/yUUrEr

    提示: 作者被禁止或删除 内容自动屏蔽

          青铜   2021-09-01 | 只看该作者
    店铺编号:838159161申请内测

    zwp1224   青铜   2021-09-01 | 只看该作者
    店铺编号:89065550申请内测

    酷淘   青铜   2021-09-02 | 只看该作者
    店铺编号:46799866 申请内测

      鬑鬑颇有须   青铜   2021-09-02 | 只看该作者
      店铺编号:22563194 申请内测谢谢

        BMFS柚蜜安全   白银   2021-09-02 | 只看该作者
        您好,帮我们开通一下,谢谢!
        店铺编号:85970955
        柚护之盾,安美生活

        欧阳   青铜   2021-09-03 | 只看该作者
        店铺编号:553082992
        申请内测

        坏叔叔   青铜   2021-09-03 | 只看该作者
        店铺编号:51649348 申请内测

        123跳至
        您需要登录后才可以回帖 登录 | 立即注册

        本版积分规则

        复制链接
        新浪微博
        QQ空间
        微信扫码
        • 回复

        • 评分

        客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

        复制成功