关于 Shopify 自定义导航
清晰直观 网站导航菜单 帮助客户更快地找到他们需要的内容,从而改善浏览体验并提高转化率。
在 Shopify 中,导航栏(通常位于商店的 标题栏或页眉)由您在后台创建的菜单构成。您可以添加多个菜单项,并根据您的店铺结构进行组织。
要创建页眉下拉菜单,只需将一个或多个菜单项嵌套在一个父级菜单项下即可。只要您的主题支持多级导航,Shopify 就会自动将嵌套的菜单项显示为页眉中的下拉菜单。
这样可以将相关的收藏集、产品或页面分组到清晰的类别中,从而实现更流畅的浏览。
在 Shopify 中创建菜单项
- 去你的 Shopify 管理员 > 内容 > 菜单 > 主菜单.

- 在名称框中输入菜单名称(例如“测试主菜单”)
- 击中 添加菜单项 ,在 菜单项 框来添加导航菜单中显示的项目。

- 输入项目的标签,然后从下拉菜单中选择目标页面 链接 框。

- 点击 链接 框来保存该项目,并继续添加其他项目。
- 完成后,点击 已保存 按钮以保存您的更改。

您可以通过将鼠标悬停在项目上并单击来编辑现有项目 编辑 或点击垃圾桶图标即可删除。此外,点击并拖动 ⠿ 手柄图标 在每个项目旁边单击以更改其位置。
要在 Shopify 后台创建页眉下拉菜单,请在父菜单项下嵌套一个或多个子菜单项。这种结构会告诉 Shopify 如何在页眉中显示下拉菜单。
如果您的主题支持,下拉菜单将自动显示。
在店面上显示菜单
要在您的实时商店中显示菜单,请将其分配到主题的页眉或页脚:
- 在MyCAD中点击 软件更新 在线商店 > 主题 >点击 定制 在您的活跃主题上.

- 在主题编辑器中,选择 标题 or 页脚 部分。
- 找到菜单设置并从下拉菜单中选择所需的菜单。

- 点击 已保存 在右上角。
我可以使用 GemPages 创建导航菜单吗?
GemPages 目前不支持直接在编辑器中构建完整的导航菜单。文本和按钮元素只能滚动到同一页面内的各个部分,而无法链接到商店中的其他页面。
但是,只要启用了 Shopify 标题,您仍然可以在任何 GemPages 构建的页面上显示您的 Shopify 导航菜单(包括下拉菜单)。
请按照以下步骤在 GemPages 页面上显示导航栏:
- 访问 Shopify 中的 GemPages 应用程序并在 GemPages 编辑器中打开该页面。
- 单击顶部栏右上角的“设置”选项卡。

- 切换到显示 Shopify 主题页眉和页脚的选项,然后点击 套用设定.

- 保存并发布您的页面。
导航定制的最佳实践
- 将顶级项目限制为 5-7 个以避免混乱。
- 使用下拉菜单对相关内容进行分组(例如,产品类别)。
- 仔细检查所有链接是否有效并指向活动页面。
- 使用简单明了的标签,例如“全部购买”、“关于我们”或“跟踪订单”。
Shopify自定义导航常见问题解答
如何在 Shopify 的标题栏中添加下拉菜单?
在 Shopify 后台创建嵌套菜单项。如果您的主题支持多级导航,Shopify 会自动将嵌套菜单项转换为页眉下拉菜单。
我可以重新排列导航菜单中的菜单项顺序吗?
是的。在 Shopify 后台,使用 ⠿ 处理重新排列其顺序。
为什么我的下拉菜单不显示?
检查您的主题是否支持下拉菜单,并确保您已在 Shopify 主题或 GemPages 设置中启用标题。
我可以使用 GemPages 创建带有下拉菜单的导航菜单吗?
不是直接显示。启用标题栏后,GemPages 会显示 Shopify 主题的导航栏。您需要先在 Shopify 后台创建菜单。
头部导航和底部导航有什么区别?
网站顶部的标题栏通常显示页眉导航,而页脚导航则在网站底部显示链接。两者都通过 Shopify 后台进行管理。
为什么我的 Shopify 头部下拉菜单没有显示在 GemPages 页面上?
GemPages 依赖您的 Shopify 主题来渲染页眉。如果在 GemPages 编辑器中禁用了 Shopify 页眉,则下拉菜单将不会显示。请确保“显示 Shopify 页眉和页脚” 已打开。
谢谢您的意见