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

您可以使用下拉菜单将产品、产品系列或页面组合在一起,以便客户更轻松地浏览您的在线商店。例如,如果您有很多产品,那么您可能想要将它们添加到产品系列中,然后使用主菜单中的下拉菜单来整理产品系列。这可以帮助客户找到他们想要的产品类型。

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

您可以从 Shopify 后台的网站地图页面中查看和更改在线商店网站地图。



嵌套菜单项以开发下拉菜单

您可以通过创建或移动菜单项来开发下拉菜单,使它们“嵌套”在顶级项之下。顶级项显示在在线商店的主菜单中,而嵌套菜单项显示在下拉菜单中。顶级项最多可以有两级嵌套下拉菜单:

所有模板均会将嵌套项显示为主菜单中的下拉菜单,部分模板会将嵌套项显示为其他地点中的下拉菜单。

在线商店中主菜单和下拉菜单的外观和地点取决于在线商店的模板。某些模板会在主菜单中的下拉菜单名称旁边显示一个图标,帮助客户意识到此处有下拉菜单。



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

从主菜单添加下拉菜单

步骤:

PC:

  1. Shopify 后台中,转到在线商店 > 网站地图

  1. 点击主菜单的名称。

  2. 选择其中某个菜单项作为下拉菜单的标头,或添加新的菜单项作为标头。如果您不希望标头链接到任何内容,则可以在添加菜单项时在链接字段中输入 #

  3. 添加要包含在新下拉菜单中的菜单项。点击添加菜单项,输入菜单项的名称,然后输入或选择链接的目标。

  4. 点击并拖动菜单项以在标头项下方嵌套。

  5. 点击保存菜单

苹果系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触网站地图

  1. 点击主菜单的名称。

  2. 选择其中某个菜单项作为下拉菜单的标头,或添加新的菜单项作为标头。如果您不希望标头链接到任何内容,则可以在添加菜单项时在链接字段中输入 #

  3. 添加要包含在新下拉菜单中的菜单项。点击添加菜单项,输入菜单项的名称,然后输入或选择链接的目标。

  4. 点击并拖动菜单项以在标头项下方嵌套。

  5. 点击保存菜单

安卓系统:

  1. 在 Shopify 应用中,轻触商店

  2. 销售渠道部分,轻触在线商店

  3. 轻触网站地图

  1. 点击主菜单的名称。

  2. 选择其中某个菜单项作为下拉菜单的标头,或添加新的菜单项作为标头。如果您不希望标头链接到任何内容,则可以在添加菜单项时在链接字段中输入 #

  3. 添加要包含在新下拉菜单中的菜单项。点击添加菜单项,输入菜单项的名称,然后输入或选择链接的目标。

  4. 点击并拖动菜单项以在标头项下方嵌套。

  5. 点击保存菜单

备注

您可以通过编辑模板标头部分的设置来更改大多数模板的默认主菜单。

Shopify商户官网原文详情:

Set up drop-down menus in your online store

You can use drop-down menus to group products, collections, or pages together and make it easier for customers to navigate your online store. For example, if you have a lot of products then you might want to add them to collections and then use a drop-down menu from the main menu to organize the collections. This can help a customer to find the type of products that they're looking for.

You can also add, remove, or edit menu items in drop-down menus, or in your online store's default menus.

You can view and change your online store navigation from the Navigation page in your Shopify admin.


Nesting menu items to build drop-down menus

You can build drop-down menus by creating or moving menu items so that they are "nested" below a top-level item. The top-level item appears in the main menu on your online store, and the nested menu items appear in a drop-down menu. The top-level item can have up to two levels of nested drop-down menus:

All themes will display nested items as drop-down menus from the main menu, and some themes will display nested items as drop-down menus in other locations.

The appearance and location of the main menu and drop-down menus in your online store depend on your online store's theme. Some themes will display an icon beside the name of a drop-down menu in the main menu to help customers recognize that a drop-down menu is there.



You can add a drop-down menu from any of the menu items in the main menu.



Add a drop-down menu from the main menu

Steps:

PC:

  1. From your Shopify admin, go to Online Store > Navigation.

  1. Click the name of your main menu.

  2. Choose one of the menu items to be the header for your drop-down menu, or add a new menu item to be the header. If you don't want the header to link to anything, then you can enter # in the Link field when you add the menu item.

  3. Add menu items to include in the new drop-down menu. Click Add menu item, enter the name of the menu item, and enter or select a destination for the link.

  4. Click and drag the menu items to nest below the header item.

  5. Click Save menu.

iPhone:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Navigation.

  1. Click the name of your main menu.

  2. Choose one of the menu items to be the header for your drop-down menu, or add a new menu item to be the header. If you don't want the header to link to anything, then you can enter # in the Link field when you add the menu item.

  3. Add menu items to include in the new drop-down menu. Click Add menu item, enter the name of the menu item, and enter or select a destination for the link.

  4. Click and drag the menu items to nest below the header item.

  5. Click Save menu.

Android:

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Navigation.

  1. Click the name of your main menu.

  2. Choose one of the menu items to be the header for your drop-down menu, or add a new menu item to be the header. If you don't want the header to link to anything, then you can enter # in the Link field when you add the menu item.

  3. Add menu items to include in the new drop-down menu. Click Add menu item, enter the name of the menu item, and enter or select a destination for the link.

  4. Click and drag the menu items to nest below the header item.

  5. Click Save menu.

Note

You can change the default main menu for most themes by editing the settings in the theme's Header section.

文章内容来源:Shopify商户官方网站


(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场)
*连连国际 (LianLian Global) 是连连数字旗下跨境支付核心品牌