各位商家您好:
[功能介绍]
顶部导航可以设置多个微页面为导航页面，所有导航都显示在同一个微页面上。
顶部导航自动浮动在界面顶部，支持固定和滑动两种模式。当切换导航选项卡时，导航栏将始终保持不变。
目前H5和小程序(2.7.5及以上版本)都可以支持该模板。
[场景示例]
小张的店铺经营女装、母婴、百货等多个品类。小张为了获得每个品类商品的曝光率，不得不把各个品类的商品放在首页，难免会显得凌乱。现在，他利用顶部导航灵活设置母婴、女装、百货等频道页面。在首页上，成功实现了首页的导流，提高了页面的浏览效率，买家可以根据自己的需求快速进入相应的渠道。
[效果预览]
[操作路径]
PCStore-微页面-新增微页面-顶部导航模板
[操作说明]
1。导航样式
三种风格可选，导航的选定效果跟随店铺风格颜色
2。滑动设置
(1)固定:
在固定模式下，我们根据添加的导航数量计算每个导航的面积大小，当导航名称超出面积时截断后面的文字。
(2)横向滑动
默认选择水平滑动
在滑动模式下，商家可以指定一屏显示的导航数量，有2-10个选项可供选择。默认选择四个导航(实际会显示4.5导航)。
该模式会根据一屏显示次数计算每个导航所占的面积，当导航名称超出面积时截断后面的文字。
3。文本颜色
未选择导航时导航文本的颜色。
4。导航栏
点击“+添加微页面导航”弹出微页面选择菜单，选择要添加为导航的微页面。仅选择新编辑创建的微页面(分类模板、顶部导航模板和画报杂志模板除外)
最多添加10个导航。拖动所选导航调整排序，删除按钮显示在所选导航的右上角。
5。搜索组件顶部的导航支持在导航顶部显示搜索组件。如果不需要，可以在更多设置中勾选隐藏。
欢迎分享，转载请注明来源：民族网
![[有赞微商城] 【产品优化】多客服历史会话支持导出会话详情](/uploadfile/aiimages/[有赞微商城] 【产品优化】多客服历史会话支持导出会话详情.png)
![[有赞支付] 【产品发布】更多资金需求，尽在有赞店主贷](/uploadfile/aiimages/[有赞支付] 【产品发布】更多资金需求，尽在有赞店主贷.png)
![[有赞微商城] 主图水印工具正式上线，助力双11活动氛围营造](/uploadfile/aiimages/[有赞微商城] 主图水印工具正式上线，助力双11活动氛围营造.png)
![[有赞微商城] 【产品发布】新版商品详情页上线啦！](/uploadfile/aiimages/[有赞微商城] 【产品发布】新版商品详情页上线啦！.png)
![[有赞微商城] 【产品发布】装修编辑器全新上线](/uploadfile/aiimages/[有赞微商城] 【产品发布】装修编辑器全新上线.png)