Question

我已经使用php实现来添加dropin并且它正在工作。我想移动表单下方的paypal按钮。可以这样做吗？

<script src="https://js.braintreegateway.com/js/braintree-2.27.0.min.js"></script>
<script>
    var checkout = new Demo({
        formID: 'payment-form'
    })
    var client_token = "<?php echo(Braintree\ClientToken::generate()); ?>";
    braintree.setup(client_token, "dropin", {
        container: "bt-dropin"
    });
</script>

编辑：我的意思是移动信用卡号码和到期日期字段下的按钮？目前，dropin在顶部生成一个paypal按钮，然后是信用卡号字段和到期日期字段。

Answer 1

假设您的<form>不是由javascript创建的，使用来自jquery的$.appendTo()，您应该能够将按钮容器#bt-dropin移动到表单的末尾。

Normaly我会将按钮移动到</form>容器中的<form>之后，但是因为我没有将html移动到<form>的末尾，所以应该将它放在字段下面假设之后没有css移动它。

所以我再也不确定你的HTML是什么样的，但是如果你的页面中已经有jquery了。

<script>
    var checkout = new Demo({
        formID: 'payment-form'
    })
    var client_token = "<?php echo(Braintree\ClientToken::generate()); ?>";
    braintree.setup(client_token, "dropin", {
        container: "bt-dropin"
    });
    $("#bt-dropin").appendTo($("#payment-form"));
</script>

如果您的页面中没有包含jquery，请添加此内容。

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

Answer 2

_{完全披露：我在Braintree工作。如果您有任何其他问题，请随时联系support。}

由于Drop-in是Braintree呈现为一个iframe的形式，因此无法真正调整Drop-in中的各个部分。您可以做的一件事是从Drop-in中删除PayPal按钮并手动将其添加到框架下方。但是，在这种情况下，您必须拥有一个启用了PayPal的商家帐户和一个没有PayPal的商家帐户，这样Drop-in就不会呈现按钮。

另一个建议是使用Hosted Fields集成，以便您可以在PayPal按钮的位置方面启用一个商家帐户PayPal并使用自定义选项

Braintree dropin移动底部的贝宝按钮？

2 个答案: