ペイステーションのカスタマイズ方法

どのように動作するか

次のパラメーターを変更すると、決済UIの見た目をカスタマイズできます:

  • 画面位置
  • テーマ
  • サイズ
  • 背景
  • プリローダー

トークンかウィジェットの統合スクリプト経由で、UIパラメーターを設定できます。

入手方法

トークン経由で決済インターフェースをカスタマイズする場合は、settings.uiオブジェクトのパラメーターを変更してください:
APIリファレンス
パラメータの全リストを参照してください。
パラメータ種類説明文
settings.ui.themestring決済インターフェースのテーマ。'default'(既定)または'default_dark'に指定できます。
settings.ui.sizestring決済インターフェースのサイズ。に指定できます:
  • small:決済インターフェースの最小サイズです。ウィンドウサイズが厳密に制限されている場合は、この値を使用します(寸法:620 x 630)
  • medium:推奨サイズ。この値を使用して、ライトボックスに決済インターフェイスを表示します(寸法:740 x 760)
  • large:決済インターフェイスを新しいウィンドウまたはタブに表示するのに最適なサイズ(寸法:820 x 840)
settings.ui.desktop.header.visible_logoboolean'true'の場合、ヘッダーにはあなたのロゴが表示されます(最初にあなたのアカウントマネージャーに画像を提供してください)。
settings.ui.desktop.header.visible_purchasebooleanヘッダーに購入説明(purchase.description.value)を表示するか示します。デフォルトは「true」です。
ウィジェットをカスタマイズする場合は、lightboxオブジェクトのパラメーターを変更してください:
APIリファレンス
ウィジェットの初期化パラメータの完全なリストを参照してください。
パラメータ種類説明文
lightbox.widthstringライトボックスのフレーム幅。nullの場合、決済ステーションの幅に依存します。既定はnullです。
lightbox.heightstringライトボックスのフレームの高さ。nullの場合、決済ステーションの高さに依存します。既定は'100%'です。
lightbox.zIndexinteger配置順序を定義します。既定は1000です。
lightbox.overlayOpacityintegerオーバーレイ不透明度(0〜1)。既定は'.6'です。
lightbox.overlayBackgroundstringオーバーレイの背景色。既定値:'#000000'。
lightbox.contentBackgroundstringフレームの背景色。デフォルトは'#ffffff'。これらの色の変更は、決済ステーション iframe 自体には影響を与えず、それを保持するライトボックスの設定のみに影響を与えることに注意してください。
lightbox.spinnerstringローディングアニメーションのインジケータの種類。'xsolla'または'round'に指定できます。既定は'xsolla'です。
lightbox.spinnerColorstringスピナーの色。既定値はありません。

続きを読む