自定义贝宝按钮?

时间:2017-06-12 20:28:32

标签: javascript paypal

根据PayPal为Express Checkout提供的所有文档判断,他们似乎不希望开发人员为PayPal集成创建自定义按钮。

他们提供的唯一JS方法是paypal.Button.render,这会自动将PayPal按钮呈现给您选择的元素。然后,他们为这个按钮设置了有限的功能reference(例如圆形或方形按钮,以及3种颜色可供选择)。

我正在查看的文档是here

我的问题是:

  • 是否可以用另一种方式设置按钮的样式?
  • PayPal可以和我一起设置按钮样式(有没有T& Cs阻止我)?

也许有一种方法可以让我将付费点击事件绑定到更自定义的按钮。

(请注意,我不想完全重写我的付款解决方案,我想继续使用快速付款方式)

1 个答案:

答案 0 :(得分:0)

使用CSS,我可以隐藏实际按钮并在顶部放置另一个按钮。我会这么做,所以这个新按钮实际上无法点击。

观看演示here

CSS:

// Hide the actual button.
.paypal-button-container > * {
    visibility: hidden;
}

// Place a button over the top of the actual button.
#my-custom-button {
    pointer-events: none; // Not supported by IE10 and lower.
}

然而,IE10及更低版本不支持此方法。如果这是我去的解决方案,那么我会在IE10上显示实际的PayPal按钮并降低。

然而,如果PayPal更改了他们的API,或者开始运行这样的事情的检查,它可能很容易破坏我的实现。