shopify深度嵌套菜单，放在哪里？

Question

开箱即用的 Shopify 仅支持 3 级深度菜单（欢迎来到 2021）。

实现更深嵌套菜单的好方法是什么？

想到的事情：

在主题文件中手动子嵌套菜单。

例如创建菜单

主要

还有另一个菜单主 1-LVL2

然后像这样放置 MAIN1-LVL2

主要 -> 主要 1-LVL2

与 MAIN2-LVL2 相同

我想到的另一种方法是将菜单数据放入 settings_data.json

还有其他好的方法吗？

Answer 1

通常的方法是创建一个递归片段，检查是否有菜单下拉菜单或具有相同菜单标题的另一个菜单并输出链接。

例如，如果您有：

Navigation Title: Main menu
- Home
- About
- - Company
- - History
- - - Link 1
- - - Link 2
- - People
- Contact

Navigation Title: Company
- Link 1
- Link 2

关于和历史会有一个标准的下拉菜单，但是公司会呈现第二个同名菜单。

如果您担心名称冲突，您可以在菜单前加上 dropdown- 前缀，代码段将检查导航是否具有与前缀相同的标题。

这就是大多数高级主题在 Shopify 中处理大型菜单的方式。

shopify深度嵌套菜单，放在哪里？

shopify deeply nested menu, where to put?

shopify

shopify-app

shopify-template