Shopify 结账体验

结账页让顾客选配送日期用哪个扩展目标

现象#

在配送方式下面放了日期选择器,选完切一下配送方式日期就清空,订单详情里也找不到这个值。

原因#

  • Shopify 没有原生配送日期字段,日期只能当作属性写进订单
  • 只存在组件内的日期,切换配送组后组件重新挂载即丢失
  • Delivery Customization 只能改现有配送选项,不能按日期新建选项
  • 自提订单不渲染配送方式列表,挂在列表后的目标不会出现

处理步骤#

  1. 用 purchase.checkout.shipping-option-list.render-after 挂日期组件
  2. 选定后 applyAttributeChange 写 delivery_date,值为 ISO 日期
  3. 回填时读 shopify.attributes.value,保证刷新或切步骤后仍在
  4. 可配送日从 metafield 读黑名单,限制 min 与 max 两个边界
  5. 在自提单里按 groupType 隐藏该区块,避免出现无意义的日期

验收标准#

选日期后刷新结账页日期仍保留,下单后订单附加信息里出现 delivery_date,格式为 ISO 日期。

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