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

一、导航类型与作用

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

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

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

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

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

二、通用操作步骤

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

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

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

2. 编辑导航项

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

三、关键配置说明

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

四、PC端导航栏装修

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