如何自定义支付中心

运行机制

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

  • 屏幕上显示的位置
  • 主题
  • 大小
  • 背景
  • 预加载器

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

如何获取

要通过令牌来自定义支付UI,请更改settings.ui对象的参数:
API参考
查看完整参数列表。
参数类型描述
settings.ui.theme
string支付UI的外观主题。可以是defaultdefault_dark
settings.ui.size
string支付UI的大小。此参数可拥有以下值之一,具体取决于支付UI的所需大小:
  • small:支付UI支持的最小尺寸。当窗口大小严格受限时,请使用此值(尺寸:620 x 630)
  • medium:支付UI的推荐大小。使用此值可以在灯箱中显示支付UI(尺寸:740 x 760)
  • large:在新窗口或者选项卡中显示支付UI的最佳大小(尺寸:820 x 840)
boolean如果为true,标头中将显示Logo(请先把Logo文件提供给您的项目经理)。
settings.ui.desktop.header.visible_purchase
boolean是否在标头中显示购买描述(purchase.description.value)。默认为true
要自定义小组件,请更改lightbox对象的参数:
API参考
查看完整小组件初始化参数列表。
参数类型描述
lightbox.width
stringLightbox框架的宽度。如果为null,则取决于支付中心的宽度。默认值为null。
lightbox.height
stringLightbox框架的高度。如果为null,则取决于支付中心的高度。默认值为100%
lightbox.zIndex
integer控制垂直堆叠顺序的属性,默认值为1000。
lightbox.overlayOpacity
integer浮层不透明度(从0到1),默认值为.6
lightbox.overlayBackground
string浮层背景色,默认值为#000000
lightbox.contentBackground
string框架的背景,默认值为#ffffff。请注意,颜色更改不会影响支付中心iframe本身,只会影响容纳iframe的灯箱的设置。
lightbox.spinner
string加载指示器的动画类型。可为xsollaround。默认值为xsolla
lightbox.spinnerColor
string旋转加载动画的颜色,非默认设置。
本文对您的有帮助吗?
谢谢!
我们还有其他可改进之处吗? 留言
非常抱歉
请说明为何本文没有帮助到您。 留言
感谢您的反馈!
我们会查看您的留言并运用它改进用户体验。
为此页面评分
为此页面评分
我们还有其他可改进之处吗?

不想回答

感谢您的反馈!
上次更新时间: 2021年7月23日

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

报告问题
我们非常重视内容质量。您的反馈将帮助我们做得更好。
请留下邮箱以便我们后续跟进
感谢您的反馈!