产品发布｜连锁小程序顶部导航支持沉浸式通栏，大幅提高店铺视觉质感

各位商家，大家好！
小程序店铺一直以来是商家与消费者交互以及传递品牌感的重要途径，过往有赞连锁小程序顶部导航作为店铺首页的重要组成部分在页面头部占据了常驻的位置，但无法自定义且只有白底兼容色限制了店铺页面的视觉效果。为了在视觉层面给到消费者更好的冲击力和品牌印象传递，有赞连锁的小程序支持了顶部导航的功能自定义以及沉浸式通栏样式，希望帮助商家打造更好的店铺视觉体验

核心功能

• 支持沉浸式通栏设计，帮助商家提高店铺视觉观感，向 C 端消费者提供有质感的店铺效果
  

• 支持单个微页面独立配置顶部导航不同的效果和能力，满足商家不同场景下的不同诉求
  

• 支持顶部导航配置图片展示能力，可配置品牌 logo
  

发布计划

• 小程序需要更新到V3.60 及以上版本，该版本预计5月20日发布
  

适用店铺

• 本次新增支持：有赞连锁（同城云店）、有赞连锁（区域网店）
  

• 微商城A，零售单店，教育单校区
  

应用场景

      某集团旗下面向年轻消费者的服装品牌，在店铺整体装修风格上以时尚潮流为主，很多微页面的搭建和宣传海报的制作也会以自己的风格色进行搭配，希望能更好的向消费者传递品牌形象和制品。
    小程序店铺由于顶部导航只有白色的兼容色，比较单调乏味，商家希望自己的店铺主页能更加美观和有冲击力，于是他打开店铺主页装修的顶部导航配置，将风格改为「沉浸式」，并添加了一个图片广告组件，这样店铺主页的顶部导航就有了通栏效果，消费者打开店铺第一眼看到的就是撑满页面头部的轮播图，非常有质感和吸人眼球。

功能操作详解

【注意事项】
1、暂不支持购买的三方模板
2、新建微页面时，会默认选中“顶部导航”，如需修改微页面标题或者描述，可点击“页面设置”后进行修改



4、店铺内已经创建好的微页面，默认选中“跟随全局”，确保存量微页面的顶部导航线上数据不会发生变动，但是项目上线后新建的微页面，将会默认选中“自定义”



【功能介绍】
1、风格分为「标准、沉浸式」，选择“标准”时展示纯色背景，可修改背景色，选择“沉浸式”时顶部导航会变透明，并将页面中的第一个组件展示在最上面，建议将图片作为微页面的第一个组件


2、当选中沉浸式后，上滑前和上滑后的效果如下图所示

注：连锁场景下，页面左上角“店铺切换”组件仍会展示



3、标题设置支持文字和图片，当选中文字时，会读取微页面的标题，选中图片后支持上传图片，建议图片尺寸为224*88像素的PNG图片。也可以设置居中或者居左



4、标题、搜索、快捷入口三种类型的内容，支持同时开启任意两个


5、当风格选择为“标准”时，快捷入口只需要上传一个icon，但是当风格选择为“沉浸式”时，快捷入口需要上传两个icon，分别是页面上滑前和上滑后的



6、当风格选择为“沉浸式”时，支持将颜色类型改为“高斯模糊”，会有毛玻璃的效果