导航栏是VortMall开源商城系统 PC 端页面结构的核心组成部分，直接影响用户浏览路径、信息触达效率与整体视觉体验。本功能支持商家通过后台灵活配置四类导航模块：主导航、顶部小导航、底部小导航、侧边导航，从而快速构建符合品牌调性与运营策略的前端页面布局。在电商平台中，导航不仅是功能入口的集合，更是营销活动曝光、用户行为引导的关键载体。通过本功能，商家无需修改代码即可动态调整导航内容，实现“所见即所得”的页面装修体验。
本功能仅作用于 PC 端前台页面，移动端导航需通过其他装修模块管理。
所有导航配置保存显示后均实时影响用户前端可见内容，属于强前台联动型后台设置。

一、导航类型与作用

（一）系统提供四类导航模块，各自承担不同角色：

1. 主导航
   主导航位于页面顶部主菜单区域，用于承载商城最核心的业务入口。典型用途包括首页、拼团活动、积分兑换、资讯中心等关键页面链接。它是用户进入各类功能的主要通道，直接影响转化路径效率。

2. 顶部小导航
   顶部小导航通常显示在页面右上方位置，位于主导航之上。主要用于展示辅助性信息或快捷操作入口，例如帮助中心、招商加盟、快捷入口等。内容简洁，强调信息传达而非功能承载。

3. 底部小导航
   底部小导航固定于页面底部区域，常用于展示静态服务类链接。典型内容包括配送公告、加盟合作、关于我们、隐私政策、注册协议等。这类导航不参与核心购物流程，但对提升平台专业性与用户信任感具有重要作用。

4. 侧边导航
   侧边导航以浮动形式固定在页面左侧，通常以图标形式呈现。适用于高频但非主路径的功能入口，例如限时秒杀等。因其常驻特性，适合承载需要随时触达的交互功能。

二、通用操作步骤

（一）四类导航的操作逻辑完全一致，均支持添加、编辑、删除、排序及显隐控制。以下以主导航为例说明操作流程，其余类型操作方式相同。

1. 添加导航项：进入后台-设置-PC端装修→导航栏，选择目标导航类型（如“主导航”）。点击【添加主导航】按钮。填写以下信息：

• 名称：前台显示的文本，例如“拼团活动”；
• 链接地址：点击后跳转的 URL；
• ICO 编码：从下拉列表中选择图标；
• 排序：输入数字（如 10、20），数值越小排序越靠前；
• 是否显示：开启则前台可见，关闭则隐藏；
• 是否新窗口：开启后链接将在新浏览器标签页中打开。
• 点击【保存】完成创建。

2. 编辑导航项

• 在导航列表中找到目标条目；
• 点击【编辑】；修改任意字段，内容与添加时一致；
• 点击【保存】更新配置。

三、关键配置说明

1. ICO 图标库依赖
   图标选择功能的前提是已在系统设置中配置“ico图标库地址”。若未设置，添加或编辑页面的图标下拉框将为空，但不影响其他字段保存。请确保前端模板已加载对应 CSS 资源。
2. 排序逻辑
   导航项按排序数值升序排列，数值越小越靠前。为便于后续插入新项，建议采用间隔式排序（如 10、20、30），避免频繁调整已有项顺序。

四、PC端导航栏装修

• 核心优势
  零代码装修：运营人员可自主调整导航结构，无需开发介入；
  多区域覆盖：四类导航满足从页头到页脚、从主路径到辅助功能的全场景布局需求；
  灵活开关控制：临时隐藏某入口（如活动结束）只需关闭显示开关，便于快速恢复；
  统一管理入口：所有导航集中维护，避免配置分散导致的维护混乱。
• 典型应用场景
  大促活动引流：在主导航临时添加“618主会场”或“双11专区”入口，活动结束后关闭显示，无需删除；
  服务信息强化：在底部导航长期展示“售后服务”“招商合作”等链接，增强平台可信度；
  用户行为引导：侧边导航常驻“客服”或“意见反馈”按钮，提升用户互动意愿；
  多站点切换支持：顶部小导航可放置“企业采购站”等切换链接（需配合多站点功能）；
  运营测试支持：通过调整排序或临时增减项，快速测试不同导航结构对点击率与转化率的影响。

PC 端导航与楼层配置

在 PC 店铺配置顶部导航与「分类楼层」区块，将类目与商品推荐结构化展示，提升浏览深度与转化。

参与角色： 商城运营人员、系统（PC 端渲染与商品规则）、终端顾客。

flowchart TD
    configTopNav["配置顶部导航栏"]
    addCategoryFloors["设置分类楼层区块"]
    setFloorTitle["配置楼层标题与规则"]
    selectProducts["配置商品选择规则"]
    publishPc["发布PC端"]
    configTopNav --> addCategoryFloors
    addCategoryFloors --> setFloorTitle
    setFloorTitle --> selectProducts
    selectProducts --> publishPc

步骤说明：

1. 在 PC 端装修或站点设置中配置顶部导航：一级/二级类目、自定义链接、外链等。
2. 在首页或指定页面添加「分类楼层」类组件，按类目划分多个楼层区块。
3. 为每个楼层设置标题文案、副标题或背景图等视觉元素。
4. 为楼层配置商品来源规则，如「指定分类下销量前 N 件」「运营手动选品」等（以系统能力为准）。
5. 预览 PC 端整页效果，检查导航跳转与楼层商品加载。
6. 发布后顾客在 PC 站即可看到更新后的导航与楼层。

说明与规则：

• 楼层商品规则若依赖实时库存或促销价，需关注缓存与更新频率，避免展示过期信息。
• 顶部导航项过多时建议做折叠或下拉，避免首屏拥挤。