> ## 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.

# Express payments ブロック

> Aftersell Cart の Express payments ブロック: 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>

ブロックの設定パネルには、正確なスニペットと **Copy code** ボタンを備えた **Show recommended guide to edit your theme 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`。ボタンが 1 行に収まる場合にのみ適用されます。 | `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** セクションで設定します。これらはグローバルデザインの上に重なるブロックごとの上書きで、空欄の場合はグローバル設定にフォールバックします。

デザイン設定とは何か？詳しくはこちら: [デザイン設定](/ja/aftersell/cart/design-settings)。
