ペイステーションのカスタマイズ方法
どのように動作するか
次のパラメーターを変更すると、決済UIの見た目をカスタマイズできます：
- 画面位置
- テーマ
- サイズ
- 背景
- プリローダー
トークンかウィジェットの統合スクリプト経由で、UIパラメーターを設定できます。
入手方法
トークン経由で決済インターフェースをカスタマイズする場合は、settings.uiオブジェクトのパラメーターを変更してください：
| パラメータ | 種類 | 説明文 |
|---|---|---|
| settings.ui.theme | string | 決済インターフェースのテーマ。'default'（既定）または'default_dark'に指定できます。 |
| settings.ui.size | string | 決済インターフェースのサイズ。に指定できます： |
| settings.ui.desktop.header.visible_logo | boolean | 'true'の場合、ヘッダーにはあなたのロゴが表示されます（最初にあなたのアカウントマネージャーに画像を提供してください）。 |
| settings.ui.desktop.header.visible_purchase | boolean | ヘッダーに購入説明（purchase.description.value）を表示するか示します。デフォルトは「true」です。 |
ウィジェットをカスタマイズする場合は、lightboxオブジェクトのパラメーターを変更してください：
| パラメータ | 種類 | 説明文 |
|---|---|---|
| lightbox.width | string | ライトボックスのフレーム幅。nullの場合、決済ステーションの幅に依存します。既定はnullです。 |
| lightbox.height | string | ライトボックスのフレームの高さ。nullの場合、決済ステーションの高さに依存します。既定は'100%'です。 |
| lightbox.zIndex | integer | 配置順序を定義します。既定は1000です。 |
| lightbox.overlayOpacity | integer | オーバーレイ不透明度（0〜1）。既定は'.6'です。 |
| lightbox.overlayBackground | string | オーバーレイの背景色。既定値：'#000000'。 |
| lightbox.contentBackground | string | フレームの背景色。デフォルトは'#ffffff'。これらの色の変更は、決済ステーション iframe 自体には影響を与えず、それを保持するライトボックスの設定のみに影響を与えることに注意してください。 |
| lightbox.spinner | string | ローディングアニメーションのインジケータの種類。'xsolla'または'round'に指定できます。既定は'xsolla'です。 |
| lightbox.spinnerColor | string | スピナーの色。既定値はありません。 |
この記事は役に立ちましたか？
ご意見ありがとうございました！
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。