在 Shopify 上发布

步骤 2：（Shopify）在您的网站上发布菜单。

I) 方法 1：在您网站的特定位置插入（在此菜单之前或之后），或使用 CSS 选择器替换现有菜单。（RECOMMENDED)

I.1. 在应用嵌入中打开 Navi+

步骤 1：点击在线商店，然后点击主题。提示：右键点击在线商店并选择“在新标签页中打开链接”以节省时间。

步骤 2：选择您想要发布菜单的主题。

点击：自定义

  • 如果您的网站是新的且尚无用户，请随意发布菜单，无需担心——您可以随时轻松开启或关闭，而不会影响访客。
  • 如果您的网站已经有常规流量，请更加小心。最佳做法是创建一个重复主题，并首先在该版本上测试 Navi+。

步骤 3：转到应用嵌入，找到“在所有页面上使用 Navi+”，并将其打开。

步骤 4：别忘了点击“保存”以应用更改。

完成这 4 个步骤后，Navi+ 已安装在您的网站上并准备显示。然而，过程尚未完成。返回 Navi+ 应用标签以实际开启发布菜单。

I.2. 选择显示设置并发布菜单。

步骤 1：点击发布到网站按钮。

步骤 2：开启切换 “通过插入/替换方法发布菜单”.

步骤 3：选择正确的 CSS 选择器并替换/插入方法

在本指南中，我们将重点关注 1 种方法：在主内容之前插入此菜单。您还可以通过查找和应用其他 CSS 选择器来创造性地触发菜单。

如何在网站的主内容之前插入此菜单？

要做到这一点，只需识别您网站头部的 CSS 选择器并将其输入到文本框中。我们已经为您找到了一些最流行主题的 CSS 选择器，列在下面。

  1. 一些流行的免费主题的 CSS 选择器.. 来自 Shopify 的 Dawn、Sense、Savor、Horizon.. 
main
  1. 不在此列表中，别担心
- 您可以与 Navi+ 支持人员聊天以获得即时帮助——这只需几分钟即可找到 CSS 选择器。

- 或者，您可以按照下一个主题中的自助指南（在此主题之后）。
如何替换默认的网格菜单？

在移动设备上，没有网格菜单可供替换，因此此方法通常不可行

如何在您的网站上找到 CSS 选择器？

您可以与 Navi+ 支持人员聊天以获得即时帮助，而不是自己去做。\然而，（1）这将帮助您理解核心思想，（2）如果您想自己动手，请按照以下说明进行。

II) 方法 2：将此菜单作为 Shopify 主题中的部分/区块添加

此方法通过在您的 Shopify 主题中添加一个区块/部分来插入菜单。这是一种传统方法，因此我不会详细描述。使用此方法，您甚至不需要在方法 1 的步骤 1 中所要求的“在应用嵌入中打开 Navi+”。

复制此菜单的嵌入 ID，然后插入到主题部分中名为 “Navi+ on Section” 的区块中。您可以在添加后添加标题，设置全宽，并调整此部分的边距。

将此菜单作为 Shopify 主题中的部分/区块添加的指南

以下是将 Navi+ 菜单作为部分/区块插入到您的 Shopify 主题中的详细指南。此方法允许您以标准的、 Shopify 支持的方式添加菜单，尽管它不如 Navi+ 提供的其他方法灵活。

此方法适用于Mega Menus和Grid Menus。它不适用于Tabbar、FAB或Slide Menus。