メインコンテンツへスキップ
このページで
Live CustomStyle example
ライブプレビュー
HeaderPattern
YOURSTORE
Secure checkoutChoose a payment method
CardWallet
Powered by DEUNA
Implementation guide

Understand every supported field

The documentation below explains object shape, constraints, complete examples, and what to verify before release.

HeaderPattern
Read the documentation

複数のチェックアウト画面に表示されるブランド要素と法的要素には、コンポーネントパターンを使用します。公開アセットとポリシーの URL は安定させ、顧客がアクセスできるようにしてください。

HeaderPattern はロゴの URL、配置、寸法を制御します。デフォルトのロゴ幅は 100 ピクセルで左揃えです。 position で使用できる値は left または center.

JSON
{
  "HeaderPattern": {
    "overrides": {
      "Logo": {
        "props": {
          "url": "https://merchant.example/assets/brand-mark.png",
          "position": "center",
          "style": {
            "min-width": "150px"
          }
        }
      }
    }
  }
}

利用規約とプライバシー#

TermsConditionsPattern は、法的メッセージ、顧客への表示、ポリシーリンク、明示的な同意動作を制御します。 legalMessage 内のカスタム HTML は、既定の翻訳メッセージを置き換えます。

JSON
{
  "TermsConditionsPattern": {
    "showForGuest": true,
    "showForAuth": false,
    "legalMessage": "By continuing, you accept our <a href='https://merchant.example/terms'>Terms and Conditions</a> and <a href='https://merchant.example/privacy'>Privacy Policy</a>.",
    "connectorText": "and",
    "hideCompanyDisclaimer": true,
    "termsAndConditionsUrl": "https://merchant.example/terms",
    "privacyPolicyUrl": "https://merchant.example/privacy",
    "requiresAcceptance": true
  },
  "LegalInfoPattern": {
    "hidePoweredBy": true
  },
  "PoweredByPattern": {
    "url": "https://merchant.example/assets/brand-mark.png",
    "imageStyle": {
      "width": "50px",
      "height": "auto"
    }
  }
}

サポートされるプロパティ型については、 CustomStyle プロパティリファレンス.