ペイステーションのカスタマイズ方法
どのように動作するか
次のパラメーターを変更すると、決済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 | スピナーの色。既定値はありません。 |
この記事は役に立ちましたか?
ご意見ありがとうございました!
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。このページを評価する
このページを評価する
答えたくない
ご意見ありがとうございました!
誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。