📘 公式リファレンス🔧 リファレンス/フィルター初級

payment_button フィルター（決済ボタン生成）

商品フォーム内で使用し、Apple Pay や Google Pay などの高速チェックアウトボタンを表示するための HTML コンテナを生成する。

用途

商品詳細ページで、通常のカート追加ボタンの下に Apple Pay・Google Pay・PayPal などの決済ボタンを配置したいとき。

設置場所

product フォーム内で `{{ form | payment_button }}` の形で使用する。`{% form 'product', product %} ... {{ form | payment_button }} ... {% endform %}` のように product form タグの内側に記述する。

注意点

このフィルターは product form タグの直下でのみ機能し、form オブジェクトに適用する必要がある。Shopify 管理画面で決済方法が有効化されていない場合、ボタンは表示されない。テーマカスタマイザーの「チェックアウト設定」で高速チェックアウトが有効になっていることが前提となる。

タグ:paymentcheckoutformaccelerated-checkout

仕様

30 行 / json

{
  "category": "payment",
  "deprecated": false,
  "deprecation_reason": "",
  "description": "",
  "parameters": [],
  "return_type": [
    {
      "type": "string",
      "name": "",
      "description": "",
      "array_value": ""
    }
  ],
  "examples": [
    {
      "name": "",
      "description": "",
      "syntax": "",
      "path": "/products/health-potion",
      "raw_liquid": "{% form 'product', product %}\n  {{ form | payment_button }}\n{% endform %}",
      "parameter": false,
      "display_type": "text",
      "show_data_tab": true
    }
  ],
  "summary": "Generates an HTML container to host [accelerated checkout buttons](https://help.shopify.com/manual/online-store/dynamic-checkout)\nfor a product. The `payment_button` filter must be used on the `form` object within a [product form](/docs/api/liquid/tags/form#form-product).",
  "syntax": "form | payment_button",
  "name": "payment_button"
}

出典・ライセンス

Source:: Shopify/theme-liquid-docs/data/filters.json
Repository:: https://github.com/Shopify/theme-liquid-docs
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

payment_button フィルター（決済ボタン生成）

仕様

出典・ライセンス

関連項目

avatar フィルター（顧客アバター画像HTML生成）

default_errors フィルター（フォーム送信エラーを日本語化）

date フィルター（日付を指定形式でフォーマット）

payment_terms フィルター（Shop Pay分割払いバナーを生成）

abs フィルター（数値の絶対値を取得）

append フィルター（文字列の末尾に追加）