在您的在线商店中设置下拉菜单

您可以使用下拉菜单将产品、产品系列或页面分组到一起，让客户可以更轻松地在您的在线商店中导航。例如，如果您有大量产品，则可能需要将它们添加到产品系列中，然后使用主菜单中的下拉菜单来整理这些产品系列。这可以帮助客户找到他们正在寻找的产品类型。

您还可以在下拉菜单或默认菜单中添加、删除或编辑菜单项。

您可以在 Shopify 后台的内容 > 菜单中查看和更改您的在线商店菜单。

在此页面上

您可以通过创建或移动菜单项，将它们嵌套在顶级项目下方，从而创建下拉菜单。顶级项目显示在您在线商店的主菜单中，而嵌套的菜单项则显示在下拉菜单中。顶级项目最多可以包含两个级别的嵌套下拉菜单。

所有模板都会将嵌套项显示为主菜单中的下拉菜单，某些模板还会在其他位置将嵌套项显示为下拉菜单。

主菜单和下拉菜单在您在线商店中的显示位置取决于您的模板。某些模板会在主菜单的下拉菜单名称旁显示一个图标，以帮助客户识别此处有下拉菜单。

您可以从主菜单中的任何菜单项添加下拉菜单。

桌面版

在 Shopify 后台中，转至内容 > 菜单。
点击主菜单的名称。
选择一个主菜单项作为下拉菜单的标头，或添加新的菜单项。如果您不希望标头链接到任何内容，请在标头菜单项的搜索或粘贴链接字段中输入 #。
若要添加要包含在下拉菜单中的菜单项，请完成以下任务：
1. 点击添加菜单项。
2. 在名称字段中，输入菜单项的名称。
3. 在搜索或粘贴链接字段中，输入或选择菜单项的目标页面。
点击添加，然后点击并拖动菜单项，以将其嵌套在标头菜单项下方。
点击保存菜单。

移动设备

在 Shopify app 中，轻触图标。
在 Contents 菜单中，轻触图标，然后轻触 Menus。
轻触您的主菜单名称。
选择一个主菜单项作为下拉菜单的标头，或添加一个新菜单项作为标头。如果您不希望标头链接到任何内容，请在标头菜单项的搜索或粘贴链接字段中输入 #。
若要添加要包含在下拉菜单中的菜单项，请完成以下任务：
1. 轻触添加菜单项。
2. 在名称字段中，输入菜单项的名称。
3. 在搜索或粘贴链接字段中，输入或选择菜单项的目标页面。
轻触添加，然后轻触并拖动该菜单项，以将其嵌套在标头菜单项下方。
轻触保存或 ✓。

下拉菜单也可以在页脚菜单中实现。

在为模板添加下拉菜单时，请查看以下注意事项：

要确定您当前的模板是否支持您要实现的最大嵌套下拉菜单层级数，您可以使用以下资源：

大多数模板最多支持两层嵌套下拉菜单。如果您在使用下拉菜单时遇到问题，请验证您的模板是否支持您尝试实现的嵌套层级数，因为某些模板可能需要进行额外自定义才能支持多层级嵌套。

请查看以下最佳做法，以创建在所有设备上都能良好运行的有用菜单结构：

大多数模板将下拉菜单标头实现为按钮，而不是可点击的链接。这是一种特意的辅助功能设计，可帮助使用辅助技术的客户了解导航结构。

当顶级菜单项控制下拉子菜单时，它会用作展开菜单的按钮，而不是指向新页面的链接。此方法可确保使用屏幕阅读器或其他辅助设备的客户可以正常浏览您商店的菜单系统。

如果您希望客户访问主类别页面（例如“所有产品”或“所有产品系列”），则应将其添加为下拉菜单本身的第一项，而不是使标头可点击。

查看以下解决方案，以解决您在设置导航菜单时可能遇到的常见问题：

移动菜单重定向：如果您轻触顶级菜单链接时该链接会重定向到新页面，请在 Shopify 后台中检查菜单，以确认菜单链接字段为 #。
可见性问题：如果嵌套项不显示，请确保它们已完全拖动到标头项下方，并在菜单界面中进行了缩进。请确认您的模板支持您设置的嵌套层级数。
模板兼容性：如果您在使用下拉菜单时遇到问题，请验证您的模板是否支持您尝试实现的嵌套层级数。某些模板可能需要进行额外自定义才能支持多层级嵌套。
嵌套菜单创建受阻：如果您遇到错误“菜单不能包含嵌套菜单。请选择加入嵌套导航功能以使用此功能”，则您的商店可能需要激活嵌套导航功能。这通常会影响在 2018 年之前创建的商店。如果您遇到此错误，请联系 Shopify 支持。
显示错误的菜单：如果您有多个导航链接指向同一页面（例如您的主页），则您的模板可能会显示错误的子菜单。请确保每个导航分区都链接到唯一的页面，以避免混淆。
菜单项消失：如果菜单链接在未被删除的情况下消失，请检查您是否已删除菜单项所链接的产品、产品系列或页面。删除链接的资源也会删除相应的菜单项。

对于需要进行更深度自定义的模板，您可以考虑自定义模板代码。