如何使用?

移动 Mega 菜单 在移动设备上并不像 Tabbar 或 Slide Menus 那样常见,因为 Mega 菜单的点击区域通常对用户的手指来说太小。然而,有时您可能希望通过在桌面和移动平台上使用 Mega 菜单来保持一致的体验。

移动 Mega 菜单也有其优势:它们紧凑,位于标题下方,并且不会占用屏幕空间,因为它们浮动在屏幕上。作为一个部分菜单,它们会随着页面滚动。

主要优点:

  • 在移动和桌面上无缝工作,提供一致的体验
  • 节省空间并随页面滚动。
  • 提供多种展示风格,包括 图像网格多级 布局,带来丰富、专业的体验

常见问题:

1. 我还没有决定是使用免费版还是付费版。我可以试用专业菜单模板吗?

当然可以!菜单组主要是为了帮助初学者避免被 Navi+ 中的高级功能所淹没 😄。最好的方法是试用专业菜单,以探索所有功能和布局选项。之后,您可以简单地删除任何不需要或觉得不合适的菜单。

2. 在这里创建菜单会立即在我的网站上显示吗?

还没有。您需要发布正确的菜单才能在您的网站上显示。别担心——这很简单!

3. 如果我选择了错误的模板或犯了错误怎么办?

完全没问题。您可以随时删除它并创建一个新的。如果您正在测试一个菜单并想尝试另一个模板,您可以保存当前的菜单作为备份文件,稍后再重新打开。您甚至可以在菜单之间复制和粘贴部分内容(通过打开两个浏览器标签)以保留之前的工作。随意尝试!

4. 我应该只创建一个菜单还是多个菜单?

您应该创建多个菜单。只有活动菜单会在您的网站上显示,但您可以准备多个版本——通过选择不同的模板或克隆菜单。菜单可以根据页面类型(主页、产品、集合...)、设备(移动或桌面)或 URL 关键字进行配置以显示/隐藏。因此,继续构建适合每种情况的菜单吧!

第一步:编辑菜单树

1.1. 理解菜单树

菜单树 是任何菜单中最重要的部分——它定义了结构。

这是一个移动 Mega 菜单的菜单树示例:

菜单
主页  
目录 
- 全山  
   - 巡航灵活  
   - 平衡骑行
- 自由式  
   - 公园板  
   - 滑板  
- 自由骑行  
博客
支持  
更多 

这是一个 3 级菜单树。第 1 级包括 菜单、主页目录支持、博客更多
全山 是一个第 2 级菜单项,具有一些子项:巡航灵活平衡骑行

您将花费大部分时间来构建此菜单树,以帮助客户找到他们所寻找的内容。

目录:一个第 1 级菜单项,显示为选项卡上的标签。全山:第 2 级菜单项,当您点击目录时出现。
巡航灵活、平衡骑行:第 3 级菜单项,当您点击全山时出现。

1.2. 与菜单树的基本交互

您可以拖放菜单项上下或左右以更改它们在菜单树中的位置和父子关系。

当您将鼠标悬停在任何菜单项上时,您将看到其他选项:编辑该项的详细信息、将其从菜单树中删除或在其他地方复制和粘贴。

提示: 您可以通过在两个浏览器标签中打开 Navi+ 应用程序,从一个菜单复制菜单项到另一个菜单。

1.3. 重要!删除示例菜单项,仅保留您想要的结构。

这是使用 Navi+ 创建菜单时的常见情况。当您创建新菜单时,我们会包含一个完整的示例,带有流行的菜单项,以展示布局想法并让您根据需要复制/粘贴。然而,如果您是 Navi+ 的新用户并使用 Starter 计划,您会看到许多红色 (i) 警告,表示某些功能不可用,例如上传图像或使用高级交互。

如果您喜欢这些高级功能,请考虑升级到 Business 或 Elite 计划。但如果您想继续使用 Starter 计划,请找到并删除带有红色 (i) 警告的菜单项。

重要提示: 当删除确认出现时,打开“下次不再询问”以更快删除。

1.4. 向菜单树添加菜单项

要添加菜单项,您有两个选项:

选项 1 **(如果您是 Navi+ 新手,不推荐)** 点击“添加菜单”以在菜单树的末尾插入一个空白菜单项。此方法需要对菜单项设置有良好的理解,我们将在下面介绍。起初可能会感到不知所措,因此您可以稍后再探索。

选项 2(推荐): 我们已经为您准备了许多设计良好的菜单项模板。只需将它们复制并粘贴到正确的位置。完成菜单树后,只需删除未使用的模板。