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

【问题标题】：shopify deeply nested menu, where to put?shopify 深度嵌套的菜单，放在哪里？
【发布时间】：2021-08-14 01:06:00
【问题描述】：

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

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

想到的事情：

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

例如创建菜单

主要

和另一个菜单 MAIN1-LVL2

然后把 MAIN1-LVL2 像这样放

主 -> 主1-LVL2

与 MAIN2-LVL2 相同

另一种我考虑将菜单数据放入 settings_data.json 的方法

还有其他好方法吗？

【问题讨论】：

标签： shopify shopify-app shopify-template

【解决方案1】：

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

例如，如果您有：

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

Navigation Title: Company
- Link 1
- Link 2

About 和 History 将有一个标准下拉菜单，但 Company 将呈现同名的第二个菜单。

如果您担心会出现名称冲突，您可以在菜单前加上 dropdown-，然后 sn-p 将检查导航是否与前缀具有相同的标题。

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

【讨论】：