페이 스테이션 사용자 지정 방법

작동 방식

다음 매개변수를 사용자 정의하여 결제 UI 외관을 설정할 수 있습니다.

  • 화면 위치
  • 테마
  • 크기
  • 배경
  • 프리로더

토큰통합 스크립트를 통해 UI 매개변수를 설정할 수 있습니다.

획득 방법

토큰을 통해 결제 UI를 사용자 정의하려면 settings.ui 오브젝트의 매개변수를 변경합니다.
API 참조
매개 변수 전체 목록을 봅니다.
파라미터유형설명
settings.ui.themestring결제 UI의 모양 테마입니다. 'default' (기본값) 또는 'default_dark'가 가능합니다.
settings.ui.sizestring결제 UI의 크기입니다. 이 매개 변수는 결제 UI의 필요한 크기에 따라 값이 다음과 같을 수 있습니다.
  • small: 결제 UI의 가능한 최소 크기입니다. 창 크기가 엄격히 제한되는 경우 이 값을 사용합니다. (크기: 620 x 630
  • medium: 결제 UI의 권장 크기입니다. 이 값을 사용하여 라이트박스에 결제 UI를 표시합니다. (크기: 740 x 760)
  • large: 새 창 또는 탭에 결제 UI 표시를 위한 최적의 크기입니다. (크기: 820 x 840)
settings.ui.desktop.header.visible_logoboolean'true' 일 경우, 로고가 헤더에 표시됩니다(먼저 관리자에게 로고 파일을 제공하세요).
settings.ui.desktop.header.visible_purchaseboolean구매 설명(purchase.description.value)이 헤더에 표시되는지 여부를 나타냅니다. 기본값은 ‘true’입니다.
위젯을 사용자 정의하려면 lightbox 오브젝트의 매개변수를 변경합니다.
API 참조
위젯 초기화 매개 변수 전체 목록을 봅니다.
파라미터유형설명
lightbox.widthstringLightbox 프레임의 너비입니다. null인 경우, 페이 스테이션 너비에 따라 달라집니다. 기본값은 null입니다.
lightbox.heightstringLightbox 프레임의 높이입니다. null인 경우, 페이 스테이션 높이에 따라 달라집니다. 기본값은 '100%'입니다.
lightbox.zIndexinteger속성에 의해 수직 스태킹 순서가 제어됩니다. 기본값은 1000입니다.
lightbox.overlayOpacityinteger오버레이의 불투명도(0~1)입니다. 기본값은 '.6'입니다.
lightbox.overlayBackgroundstring오버레이의 배경입니다. 기본 값은 '#000000'.
lightbox.contentBackgroundstring프레임의 배경입니다. 기본 값은 '#ffffff'. 이러한 색상 변경은 이를 포함하는 라이트박스 설정에만 영향을 미치며 페이 스테이션 iframe 자체에는 영향을 미치지 않음에 유의하시기 바랍니다.
lightbox.spinnerstring애니메이션 로딩 스피너의 유형입니다. 'xsolla' 또는 'round'일 수 있습니다. 기본값은 'xsolla'입니다.
lightbox.spinnerColorstring회전자의 색상입니다. 기본값에 의해 설정되지 않습니다.

계속 읽기