Shopify Checkout UI Extensions

结账界面的UI扩展允许应用开发者构建自定义功能，商家可以在结账流程的定义点安装，包括产品信息、运输、支付、订单摘要和Shop Pay。

Shopify官方在去年2024年使用结账扩展取代了checkout.liquid，并将于2025年8月28日彻底停用checkout.liquid。

步骤1：初始化shopify app和checkout ui extension

npm init @shopify/app@latest
cd your-app
npm run shopify app generate extension

步骤2：配置checkout extension的shopify.extension.toml文件

Configuration

当创建一个扩展checkout ui扩展时，shopify.extension.toml 文件会自动生成在扩展目录中。该文件包含了扩展的配置信息，其中包括扩展名称、扩展目标、元字段、功能以及设置定义。

配置扩展点

Checkout-ui-extensions targets

checkout ui可配置多个扩展点，每个扩展点出现在结账的不同的位置（UI出现的位置）

<