顶部导航

商店的主菜单类似于商店中不同部门的目录。 每个选项代表不同的产品类别。 顶部导航的位置和显示方式可能因主题而异,但其工作方式基本上相同。

顶部导航 {width="700" modal="regular"}

目录的类别结构会影响搜索引擎为您的网站编制索引的效果。 嵌套的类别越深,就越不可能将其完全编入索引。 通常,使用可见级别一到三个之间是最有效的。 根类别计为第一级,但不会显示在菜单中。 顶部导航中可用级别的最大数量由配置决定。 此外,您的商店主题支持的菜单级别数量可能会受到限制。 例如,示例Luma主题最多支持五个级别,包括根。

对菜单级别计数

项目
描述
1级
第一级是根类别,在示例数据中将其命名为“Default Category”(默认类别)。 根是菜单的容器,其名称在菜单中不会显示为选项。
2级
在桌面显示屏上,顶部导航是显示在页面顶部的主菜单。 在移动设备上,主菜单通常显示为选项的弹出菜单。 Luma商店中的第二级选项为​ 新增功能女性男性齿轮培训 ​和​ 销售
3级
第三级显示在每个主菜单选项的下方。 例如,在​ 女性 ​下,第三级选项为​ 顶部 ​和​ 底部
4级
第四级选项是从第三级选项弹出来的子类别。 例如,在​ Tops ​下,第四层菜单选项为​ 夹克连帽衫和运动衫T恤 ​和​ 胸罩和背心

设置顶部导航

对于要显示在商店顶部导航中的类别,请完成以下步骤:

步骤1:创建类别

  1. 在​ 管理员 ​侧边栏上,转到​ Catalog > Categories

  2. 设置​ Store View ​以确定新类别在何处可用。

  3. 在类别树中,选择新类别的父类别。

    如果您从头开始,没有任何数据,则列表中可能只有两个类别:默认类别(根)和​ 示例类别

  4. 单击​ Add Subcategory

  5. 使用以下设置完成基本信息:

    • Enable Category ​设置为Yes
    • Include in Menu ​设置为Yes
  6. 在“显示设置”中,将​ Anchor ​设置为Yes

  7. 完成任何其他必需的类别设置

  8. 完成后,单击​ Save

对于多存储安装,可以为每个存储分配不同的主菜单作为根类别

第2步:设置顶部导航的深度

  1. 在​ 管理员 ​侧边栏上,转到​ Stores > Settings>Configuration

  2. 在左侧面板中,展开​ Catalog ​并在下面选择​ Catalog

  3. 展开​ Category Top Navigation ​部分。

    类别顶部导航 {width="600" modal="regular"}

    由于顶部导航的深度具有全局配置范围,因此该设置适用于Commerce安装中的所有网站、商店和商店视图。 仅当左上角的​ Store View ​设置为Default Config时,Category Top Navigation ​配置部分才可用。

    有关这些选项的详细列表,请参阅​ 配置引用 ​中的类别顶部导航

  4. 要限制顶部导航中显示的子类别数,请输入​ Maximal Depth ​的数字。

    默认值为0,该值不限制子类别级别的数量。

  5. 完成后,单击​ Save Config

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071