페이 스테이션 사용자 지정 방법
작동 방식
다음 매개변수를 사용자 정의하여 결제 UI 외관을 설정할 수 있습니다.
- 화면 위치
- 테마
- 크기
- 배경
- 프리로더
토큰과 통합 스크립트를 통해 UI 매개변수를 설정할 수 있습니다.
획득 방법
토큰을 통해 결제 UI를 사용자 정의하려면 settings.ui 오브젝트의 매개변수를 변경합니다.
| 파라미터 | 유형 | 설명 |
|---|---|---|
| settings.ui.theme | string | 결제 UI의 모양 테마입니다. 'default' (기본값) 또는 'default_dark'가 가능합니다. |
| settings.ui.size | string | 결제 UI의 크기입니다. 이 매개 변수는 결제 UI의 필요한 크기에 따라 값이 다음과 같을 수 있습니다. |
| settings.ui.desktop.header.visible_logo | boolean | 'true' 일 경우, 로고가 헤더에 표시됩니다(먼저 관리자에게 로고 파일을 제공하세요). |
| settings.ui.desktop.header.visible_purchase | boolean | 구매 설명(purchase.description.value)이 헤더에 표시되는지 여부를 나타냅니다. 기본값은 ‘true’입니다. |
위젯을 사용자 정의하려면 lightbox 오브젝트의 매개변수를 변경합니다.
| 파라미터 | 유형 | 설명 |
|---|---|---|
| lightbox.width | string | Lightbox 프레임의 너비입니다. null인 경우, 페이 스테이션 너비에 따라 달라집니다. 기본값은 null입니다. |
| lightbox.height | string | Lightbox 프레임의 높이입니다. 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 | 회전자의 색상입니다. 기본값에 의해 설정되지 않습니다. |
이 기사가 도움이 되었나요?
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.