> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 快捷支付区块

> Aftersell Cart 的快捷支付区块：在抽屉内展示 Shop Pay、PayPal 及其他加速结账按钮。

> **Express payments** 区块在购物车内显示加速结账按钮（如 Shop Pay、PayPal、Google Pay 或 Apple Pay），向购物者提供你的商店已经支持的快捷支付选项，让他们可以直接跳到一键结账。

<div id="behavior">
  ## 行为
</div>

* 该区块\*\*不渲染自己的按钮。\*\*它在抽屉内展示 Shopify 自己的加速结账按钮，所以显示哪些支付方式完全由你商店的支付设置决定。
* \*\*如果你的商店没有启用任何加速支付方式，则不会渲染任何内容。\*\*请在 Shopify 设置中启用快捷支付方式（Shop Pay、PayPal 等）。
* \*\*你的主题通常还需要一次性的代码修改。\*\*该区块会从你的店面页面*克隆* Shopify 的加速结账按钮，所以这些按钮必须先在页面中渲染出来。
* 在编辑器中，区块会显示占位符来代替实际按钮。

<div id="adding-the-theme-snippet">
  ### 添加主题代码片段
</div>

区块的设置面板中有一个 **Show recommended guide to edit your theme code** 部分，提供确切的代码片段和 **Copy code** 按钮。简而言之：

1. 打开主题的代码编辑器，然后打开 `layout/theme.liquid`。
2. 找到 `<body>` 行，在其下方添加新行。
3. 粘贴面板提供的代码片段。它会在隐藏容器中渲染 Shopify 的加速结账按钮，这样购物车就有可克隆的内容。
4. 保存。

<div id="settings">
  ## 设置
</div>

| 设置                            | 控制内容                                                    | 默认值      |
| ----------------------------- | ------------------------------------------------------- | -------- |
| **Default button height**     | 桌面端的按钮高度，以像素为单位。                                        | `42`     |
| **Mobile button height**      | 移动端的按钮高度，以像素为单位。                                        | `42`     |
| **Checkout button alignment** | `left`、`center`、`right` 或 `space-between`。仅在按钮能排在一行时生效。 | `center` |
| **Row gap**                   | 行与行之间的垂直间距，以像素为单位。仅在按钮换行到多行时生效。                         | `8`      |

<div id="placement-and-limits">
  ## 位置和限制
</div>

* \*\*区域：\*\*底部。
* \*\*数量上限：\*\*每个购物车状态 1 个。
* \*\*状态：\*\*仅限已装满购物车。
* 默认不添加。未锁定——你可以删除或隐藏它。

<div id="custom-template">
  ## 自定义模板
</div>

Express payments 区块**不**支持自定义模板，因为它承载的是 Shopify 自己的支付按钮。请改用该区块的 Design 设置为其设置样式。

<div id="design">
  ## 设计
</div>

使用设置面板中的 **Design** 部分为此区块设置样式。这些是按区块的覆盖，叠加在你的全局设计之上，留空时回退到全局设计。

什么是设计设置？在这里了解更多：[设计设置](/zh/aftersell/cart/design-settings)。
