如何自定义支付中心

运行机制

您可自定义以下参数来设置支付UI的外观：

UI参数可通过令牌和小组件集成脚本进行设置。

查看完整参数列表。

您可以使用现成的支付UI主题（浅色或深色）或创建自己的主题。要创建自己的主题，请参阅此说明。

要通过令牌来自定义支付UI，请更改settings.ui对象的参数：

参数	类型	描述
settings.ui.theme	string	支付UI的外观主题。可以是`default`（默认为浅色主题）或`default_dark`（深色主题）。
settings.ui.desktop.header.visible_logo	boolean	如果为`true`，标题中将显示Logo（请先把Logo文件提供给您的客户成功经理）。

要自定义小组件，请更改lightbox对象的参数：

查看完整小组件初始化参数列表。

参数	类型	描述
payment_widget_ui.lightbox.width	string	Lightbox框架的高度。如果为`null`，则取决于支付中心的高度。默认值为`null`。
payment_widget_ui.lightbox.height	string	Lightbox框架的高度。如果为`null`，则取决于支付中心的高度。默认值为`100%`。
payment_widget_ui.lightbox.zIndex	integer	控制垂直堆叠顺序的属性，默认值为`1000`。
payment_widget_ui.lightbox.overlayOpacity	integer	小组件背景的不透明度（`0` — 完全透明，`1` — 完全不透明）。默认值为60% (`.6`)。
payment_widget_ui.lightbox.overlayBackground	string	浮层背景色，默认值为`#000000`。
payment_widget_ui.lightbox.contentBackground	string	框架的背景，默认值为`#ffffff`。请注意，颜色更改不会影响支付中心iframe本身，只会影响容纳iframe的灯箱的设置。
payment_widget_ui.lightbox.spinner	string	加载指示器的动画类型。可为`xsolla`或`round`。默认值为`xsolla`。
payment_widget_ui.lightbox.spinnerColor	string	旋转加载动画的颜色，非默认设置。

感谢您的反馈！

我们会查看您的留言并运用它改进用户体验。

上次更新时间: 2024年3月26日

发现了错别字或其他内容错误？请选择文本，然后按Ctrl+Enter。