一、功能说明

导航栏是提示引用户进入到相关页面的标识，让访问者清晰快速的找到所需资源。

导航栏的配置是提高用户体验度的因素之一，在建设网站过程中导航栏起到关键作用。

（图来源：淘宝）

二、功能说明

【版本】无版本限制

三、设置教程

1. 添加模块

在电脑网站设计页面选择左侧导航【模块-新增模块-产品】，添加【商城导航】模块。

2. 管理分类

商城导航默认展示网站全部产品分类，因此需要先在管理后台配置好产品分类。

相关教程：产品分类使用教程

3. 编辑模块

3.1 常规

在常规中选择模块样式和模块背景色。

3.2 高级

① 图标：支持配置显示图标，给分类添加图标。

如下图所示：

② 行高：支持自定义导航行高。

③ 默认展开：首页指首页内会展开显示分类项，其他页面默认收起；

全部展开指在任意页面分类项都是展开显示的；

不展开指在任意页面分享类都是收起状态。

④ 跳转方式：可选择新窗口或当前窗口进入到选择的分类筛选页。

⑤ 导航菜单：勾选有下级菜单时不可选择后如分类有三级分类，那么一级与二级分类选择无效果，需要先选择三级分类才会进入到分类筛选页。

如未勾选则分类有三级分类时，一级与二级选择也可进入到对应分类筛选页。

导航结构建议

以下补充内容用于帮助你在商城导航模块中，把分类结构做得更清晰而不是更复杂：

• 分类层级：分类不宜无限细分，建议优先保证一级分类清晰、二三级分类真正有使用价值。
• 图标策略：图标更适合帮助快速识别，不建议每个分类都用风格完全不同的图标。
• 展开逻辑：首页默认展开和全部展开适合不同场景，建议按页面目标来决定。
• 筛选一致：既然导航最终会进入分类筛选页，建议同步检查筛选页内容是否与导航结构一致。

分类导航建议

以下补充内容用于帮助你在商城导航模块中，把分类导航做得更利于用户快速进入目标商品：

• 分类结构：若产品分类层级过深，建议先优化分类体系，再通过商城导航展示，避免导航本身过于复杂。
• 图标作用：图标更适合作为分类识别辅助，不建议过度依赖图标替代文字说明。
• 展开逻辑：首页展开与全部展开适合不同页面目标，建议结合首屏布局和导航密度来决定。
• 跳转方式：若商城页需要保持站内连续浏览，通常更适合当前窗口打开，而不是频繁新开页面。