复制模板段落时 section id 重复只渲染一个
现象#
把一段 section 配置复制成两份贴进 templates/page.landing.json,编辑器侧栏只显示一个同名 section,前台也只出现一份内容。
原因#
- JSON 对象的键必须唯一,两个
custom_section_1会让后者覆盖前者,解析时已经丢数据 - 复制时只改了
type没改键名,两段的settings也一起被顶掉 - 同一 section 内区块 id 同理,重复的 block 键会互相覆盖
- 编辑器按内部 id 写回文件,重复 id 的副本不会被自动拆成两个
处理步骤#
- 在模板里数同一键出现几次:
grep -c custom_section_1 index.json - 把副本改成唯一键,如
custom_section_2,只用字母数字与下划线 - 同步修正
order数组里对应的条目,别留下孤儿 id - 检查
blocks与block_order,把重复的区块 id 一并改掉 - 保存后在编辑器重新排列,确认侧栏出现两个可独立选中的 section
验收标准#
侧栏显示两个 section 且可分别选中,前台输出两段内容,两个 shopify-section- 容器 id 不同。
本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。