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

どのように動作するか

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

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

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

入手方法

トークン経由で決済インターフェースをカスタマイズする場合は、settings.uiオブジェクトのパラメーターを変更してください:
APIリファレンス
パラメータの全リストを参照してください。
パラメータ種類説明文
settings.ui.theme
string決済インターフェースのテーマ。default(既定)またはdefault_darkに指定できます。
settings.ui.size
string決済インターフェースのサイズ。に指定できます:
  • small:決済インターフェースの最小サイズです。ウィンドウサイズが厳密に制限されている場合は、この値を使用します(寸法:620 x 630)
  • medium:推奨サイズ。この値を使用して、ライトボックスに決済インターフェイスを表示します(寸法:740 x 760)
  • large:決済インターフェイスを新しいウィンドウまたはタブに表示するのに最適なサイズ(寸法:820 x 840)
booleantrueの場合、ヘッダーにはあなたのロゴが表示されます(最初にあなたのアカウントマネージャーに画像を提供してください)。
settings.ui.desktop.header.visible_purchase
booleanヘッダーに購入説明(purchase.description.value)を表示するか示します。デフォルトはtrueです。
ウィジェットをカスタマイズする場合は、lightboxオブジェクトのパラメーターを変更してください:
APIリファレンス
ウィジェットの初期化パラメータの完全なリストを参照してください。
パラメータ種類説明文
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スピナーの色。既定値はありません。

続きを読む