Shopify Online Store 2.0

Shopify section 里 @app 类型 block 数量受限怎么处理

现象#

想在同一个 section 里放 3 个应用 block,编辑器只允许添加一个,或提示该类型不可重复。

原因#

  • section schema 的 blocks 里 @app 默认只允许一个实例
  • 应用自身声明了 max_blocks: 1
  • 某些应用 block 依赖单例状态(如购物车抽屉),重复添加会冲突

处理步骤#

  1. 在 schema 的 blocks 里显式声明多个 app block 类型,而不是只写 {"type": "@app"}
  2. 到应用文档确认是否支持多实例,不支持时改用两个不同 section
  3. 把不同应用分别放进独立 section,用 section 分组承载布局
  4. 若必须同区并列,用 CSS 网格在父 section 排布两个子 section

验收标准#

编辑器能添加所需数量的应用 block,前台渲染无冲突,各应用功能正常。

本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。