Shopify Online Store 2.0

复制模板段落时 section id 重复只渲染一个

现象#

把一段 section 配置复制成两份贴进 templates/page.landing.json,编辑器侧栏只显示一个同名 section,前台也只出现一份内容。

原因#

  • JSON 对象的键必须唯一,两个 custom_section_1 会让后者覆盖前者,解析时已经丢数据
  • 复制时只改了 type 没改键名,两段的 settings 也一起被顶掉
  • 同一 section 内区块 id 同理,重复的 block 键会互相覆盖
  • 编辑器按内部 id 写回文件,重复 id 的副本不会被自动拆成两个

处理步骤#

  1. 在模板里数同一键出现几次:grep -c custom_section_1 index.json
  2. 把副本改成唯一键,如 custom_section_2,只用字母数字与下划线
  3. 同步修正 order 数组里对应的条目,别留下孤儿 id
  4. 检查 blocks 与 block_order,把重复的区块 id 一并改掉
  5. 保存后在编辑器重新排列,确认侧栏出现两个可独立选中的 section

验收标准#

侧栏显示两个 section 且可分别选中,前台输出两段内容,两个 shopify-section- 容器 id 不同。

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