结账扩展在编辑器里拖不动是目标类型选错
现象#
想在付款按钮上方放信任徽章,结账编辑器里只能开关这个应用块,主区域没有落点,保存后它还是回到订单摘要下面。
原因#
- 只有
purchase.checkout.block.render可自由摆放,其余多是 static - static 目标按购物车 DOM 位置固定渲染,编辑器只给开关,不给拖拽手柄
- 同一个 block 位置最多放 3 个扩展,第 4 个会被拒绝且没有提示
- 部分目标只在三页结账的某一步存在,单页结账下没有对应落点
处理步骤#
- 把 target 改成
purchase.checkout.block.render,它是唯一可摆放的 block - 确认 module 仍指向同一个入口文件,改完执行
shopify app deploy - 打开 设置 → 结账 → 自定义,在目标位置点「添加区块」选中该应用
- 先移除同位置多余的扩展,保证同一个位置最多只放
3个 - 分别在单页结账与三页结账下保存一次,再刷新前台核对
验收标准#
编辑器里该块能拖到「付款方式」之后并保存,刷新前台结账后位置不变,且该位置没有第 4 个块被丢弃。
本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。