Braintree dropin 移动底部的 paypal 按钮？

Question

我已经使用 php 实现来添加 dropin 并且它正在运行。我想将贝宝按钮移到表格下方。可以吗？

<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 移动到表格结束。

通常我会将按钮移动到 <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 的商家帐户和一个没有启用的商家帐户，这样 Drop-in 就不会呈现按钮。

另一个建议是使用 Hosted Fields 集成，这样您就可以启用一个商家帐户 PayPal，并根据 PayPal 按钮的位置设置自定义选项

Braintree dropin 移动底部的 paypal 按钮？

Braintree dropin move paypal button at the bottom?

php

paypal

braintree