Shopify 2.0 主题(Online Store 2.0)改变了应用与店铺前台的集成方式。应用块、原生 Sections 和 JSON 模板取代了以往的脚本注入方式。以下是 Giga Menu 和 Navi+ 的适配情况,以及这对您的店铺意味着什么。
Shopify 2.0 对导航应用的影响
Shopify 的 Online Store 2.0 架构引入了:
- 应用块:可在主题编辑器中拖拽使用的模块
- JSON 模板:支持更灵活自定义的页面模板
- 全局 Sections:应用 Sections 可在任意页面显示,而不仅限于首页
- 主题应用扩展:应用以扩展形式安装,而非向主题文件注入代码
实际影响:仍使用旧版”编辑 theme.liquid”注入方式的导航应用,在安装体验上更为繁琐,且主题更新后冲突风险更高。
Giga Menu 与 Shopify 2.0
Giga Menu 已更新以兼容 Shopify 2.0。该应用支持:
- 通过主题编辑器安装(部分 2.0 支持)
- 相比旧版减少了代码注入
- 兼容大多数 OS 2.0 主题,包括 Dawn、Impulse 和 Prestige
Giga Menu 在 OS 2.0 上仍存在的问题:
- 某些配置下仍依赖大量 JavaScript 注入
- 主题更新后偶尔会破坏自定义的 Giga Menu CSS
- 深度自定义(自定义 CSS)可能与 2.0 主题更新产生冲突
Navi+ 与 Shopify 2.0
Navi+ 采用脚本嵌入架构设计,本质上与主题无关:
- Navi+ 脚本通过单一 script 标签加载,兼容任意 Shopify 主题
- 无需编辑 Liquid 模板
- 主题更新不会影响 Navi+,脚本独立加载
- 支持 OS 2.0 应用块以实现可选的深度集成
Navi+ 在 OS 2.0 上的优势:
- 与主题更新零冲突
- 无需重新配置即可跨主题使用
- 应用架构与 Shopify 导航的长期发展方向一致
主题兼容性
| 主题 | Giga Menu | Navi+ |
|---|---|---|
| Dawn(Shopify 默认主题) | ✓ | ✓ |
| Impulse | ✓ | ✓ |
| Prestige | ✓ | ✓ |
| Debut(旧版) | ✓ | ✓ |
| 自定义主题 | ~(可能需要 CSS 修复) | ✓ |
| 无头架构 / 自定义店面 | ~ | ✓(脚本嵌入) |
更大的视角:为什么架构至关重要
每次主题更新后都需要修复的 Shopify 导航应用会产生隐性成本:
- 开发人员修复 CSS 冲突所耗费的时间
- 更新期间导航功能中断
- 应用与主题更新后体验不一致
Navi+ 与主题无关的架构意味着您的导航配置与主题变更相互隔离。您更新主题,Navi+ 依然正常运行,无需任何调整。
总结
Giga Menu 和 Navi+ 均可与现代 Shopify 2.0 主题兼容。实际差异在于主题更新时的稳定性:Navi+ 独立的脚本架构在主题变更后几乎无需额外维护。对于频繁更换主题或同时使用多套主题(A/B 测试)的店铺来说,Navi+ 的架构是维护成本更低的选择。
→ 查看完整对比: Navi+ 对比 Giga Menu