在 Checkout Blocks 中使用品牌编辑器

您可以使用由 Checkout Branding API 提供支持的 Checkout Blocks 品牌编辑器来自定义结账和账户页面的外观，而无需修改任何代码。

您可以使用品牌编辑器为任何结账配置编辑颜色和结账元素。您使用品牌编辑器对结账设计所做的更改将应用于结账的所有页面，包括“感谢”页面、订单状态页面和新客户账户页面。

要从 Shopify 后台启动品牌编辑器，请点击应用 > Checkout Blocks，然后点击品牌编辑器。

本页内容

在颜色部分，您可以自定义结账的基础颜色。如果您想对设计进行更精细的编辑，还可以自定义最多 4 种配色方案，这些方案将应用于各个分区。您可以编辑颜色类型，包括强调色（用于链接等交互式元素）和品牌颜色（用于主要按钮和次要按钮等元素）。

自定义全局颜色

在您的 Shopify 后台中，转至应用 > Checkout Blocks。
点击品牌编辑器。
在颜色部分，点击全局颜色。
若要覆盖任何现有的结账颜色，请在全局颜色部分点击 ⊕ 图标，然后通过执行以下任一操作来选择您想要的颜色：
- 使用颜色选择器来选择颜色。
- 在可用字段中键入 HEX 颜色代码。
点击保存。

自定义配色方案

在您的 Shopify 后台中，转至应用 > Checkout Blocks。
点击品牌编辑器。
在颜色部分，点击方案 1、方案 2、方案 3 或方案 4 以自定义特定配色方案。
选择要自定义的以下任一组件：
- 主颜色
- 表单控件
- 主要按钮
- 次要按钮
在基础部分，点击要自定义的颜色类型旁边的 ⊕ 图标，然后通过执行以下任一操作来选择您想要的颜色：
- 使用颜色选择器来选择颜色。
- 在可用字段中键入 HEX 颜色代码。
可选：如果您正在编辑表单控件、主要按钮或次要按钮的方案，则还可以为选中时或悬停时的交互行为自定义颜色。点击要自定义的颜色类型旁边的 ⊕ 图标，然后通过执行以下任一操作来选择您想要的颜色：
- 使用颜色选择器来选择颜色。
- 在可用字段中键入 HEX 颜色代码。
点击保存。

在品牌编辑器的自定义部分，您可以编辑结账的以下元素：

打开品牌营销编辑器时，您默认编辑的是当前为有效状态的结账配置。但是，您可以使用该品牌营销编辑器更改要编辑的结账配置，也可以创建新的结账配置。

在您的 Shopify 后台中，转至应用 > Checkout Blocks。
点击品牌编辑器。
点击当前结账配置的名称，打开包含有效配置和任何草稿配置列表的下拉菜单，然后选择您要自定义的结账配置：
- 选择您想编辑的现有配置。
- 点击 ⊕ 创建新配置，您将被重定向到 Shopify 后台的结账设置。

您可以随时在品牌编辑器中预览所做的更改。选择要预览的结账配置，然后点击预览。结账和账户编辑器将在一个新标签页中打开，并应用您的所有更改，以便您预览其在结账页面的显示效果。

您可以使用 JSON 文件导出和导入结账配置。

结账配置将作为 .json 文件下载到您的本地设备。

在您的 Shopify 后台中，转至应用 > Checkout Blocks。
点击品牌编辑器。
选择要将导入的品牌资料应用到的结账配置。
点击更多操作 > 导入配置。
在导入结账品牌营销对话框中，上传您的品牌营销 JSON 文件：
1. 点击添加文件。
2. 从您的设备中选择相应的 JSON 文件。
3. 点击导入并继续。
查看预加载的自定义配置。根据需要进行修改。
点击保存。

当您使用品牌编辑器编辑颜色或结账元素时，可以通过点击所更改颜色或元素旁边的重置，将特定值重置为默认值。

您可以随时将整个结账配置品牌营销重置为 Shopify 默认值。重置结账配置会清除品牌营销编辑器中所有页面上的全部自定义。此操作无法撤销。