跳至正文
帮助
简体中文
店铺编辑器

如何创建导航菜单并将它们添加到页眉和页脚?

构建带有嵌套项的导航菜单,设置链接标签和数量限制,然后在构建器中将菜单连接到你商店的页眉或页脚。

菜单的用途

导航菜单是一份可复用的链接列表。你在控制台的 菜单 部分一次性构建菜单,然后在构建器中让你的页眉或页脚指向某个菜单。同样的菜单在你整个商店中都可用,因此一个菜单可以在多个地方复用。

打开菜单部分

从主导航前往 菜单。列表会显示你创建的每个菜单,最新优先,并带有其创建日期。你需要 菜单 权限才能打开和编辑此部分。

创建新菜单

  1. 点击 创建新菜单。会打开一个弹窗。
  2. 输入 菜单名称(必填,最多 50 个字符)。该名称仅供你参考,绝不会向购物者显示。
  3. 菜单项 区域添加你的项目(见下文)。
  4. 点击 保存

一个菜单必须至少包含一个带标签和链接的项目,否则保存会被拒绝并提示“请输入第一个标签”。

添加菜单项

在空白的 标签 字段中输入内容以创建你的第一个项目。一旦某个项目存在,它就会获得一个 链接 字段,并且下方会出现一个新的空白标签字段,以便你继续添加项目。

  • 标签:购物者看到的文字,最多 50 个字符。
  • 链接:目标地址。它必须是一个完整的网址(例如 https://example.com),或一个最多两段的内部商店路径,例如 /products/collections/shoes/pages/about

链接字段包含快捷选择器,因此你不必手动输入路径:首页搜索页,以及用于 collections商品页面 的可搜索列表。

嵌套和限制

菜单支持三个层级。每个项目可以容纳子项目,每个子项目又可以容纳自己的项目:

  • 标签(顶层):最多 5 个项目。
  • 子标签(第二层):每个顶层项目下最多 10 个项目。
  • 具体标签(第三层):每个子标签下最多 10 个项目。

当某一层级已满时,它的添加字段会被禁用并显示“已达上限”消息。这些嵌套项目以何种方式向购物者呈现(作为下拉菜单、大型菜单面板或抽屉)会稍后在构建器中选择,而不是在这里。菜单编辑器只定义链接结构。

重新排序和移除项目

通过手柄(项目左侧的横条图标)拖动项目,可在其层级内重新排序。点击项目上的红色垃圾桶按钮,可将其连同其下嵌套的所有项目一起删除。

编辑或删除菜单

  1. 点击列表中的某个菜单行将其打开。弹窗会显示名称和所有当前项目。
  2. 更改名称或项目,然后点击 保存。在你真正更改了某些内容之前,保存按钮保持禁用。

要删除菜单,勾选每个菜单行上的复选框,然后点击表格操作栏中的 删除菜单。删除某个页眉或页脚仍然指向的菜单,会让该模块在你指定另一个菜单之前没有链接。

将菜单连接到页眉

  1. 打开 构建器 并选择 页眉 板块,然后点击 菜单 元素。
  2. 菜单 下,点击 选择菜单。会打开一个带搜索框和你菜单列表的下拉框。挑选一个。(选择器会预加载你最近的 10 个菜单;在搜索框中输入以查找更早的菜单。)
  3. 一旦选好菜单,你就会获得 替换编辑(在新标签页中打开该菜单)和 移除 按钮。
  4. 外观移动端布局 部分只有在选定菜单后才会出现。配置它们,然后发布页面。

页眉菜单外观选项

  • 类型大型菜单(大型多列面板)、下拉菜单(简单列表)或 抽屉(滑出式面板)。
  • 位置:页眉内的左、中或右。
  • :顶部(与标志同一行)或底部(下方单独一行)。
  • 配色方案:用于下拉或大型面板的 9 个主题配色方案之一(0 到 8)。
  • 移动端布局:一个 导航栏 开关加上它自己的配色方案。

如果你将类型设置为 抽屉,位置、行和移动端布局控件会被隐藏,因为抽屉总是锚定在起始边缘。

将菜单连接到页脚

  1. 打开构建器并选择 页脚 板块。
  2. 如果还没有菜单模块,使用页脚的添加模块控件添加一个。一个页脚只容纳一个菜单模块。
  3. 在菜单模块中,点击 选择菜单 并挑选一个菜单。页脚菜单模块没有显示类型选项:它只渲染菜单的链接。
  4. 发布页面。

按市场的行为和发布

  • 你的菜单在整个商店中共享。页眉或页脚指向哪个菜单保存在构建器模板中,因此不同的模板可以指向不同的菜单。
  • 构建器预览会即时更新,但购物者只有在你发布使用该菜单的页面后才会看到新的或更改后的菜单。
  • 一旦相关页面被发布,编辑某个菜单的项目会在使用该菜单的每个地方更新。你不需要重新链接它。
  • 使用清晰的名称,如“主导航”和“页脚链接”。页眉菜单通常承载主要导航,而页脚菜单承载法律和次要链接,因此把它们分开是最简单的设置。