Braintree dropin move paypal кнопка внизу?

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> 

Edit: Что я имею в виду, это переместить кнопку под номером кредитной карты и дата истечения срока действия полей? В настоящее время dropin генерирует кнопку Paypal в верхней части, а затем поле номера кредитной карты и поле даты истечения срока действия.

Answer 1

_{Полное раскрытие: я работаю в Braintree. Если у вас есть дополнительные вопросы, не стесняйтесь обращаться к support.}

Поскольку Drop-in - это форма, которую Braintree отображает как один iframe, нет возможности реально настроить отдельные части внутри самого Drop-in. Одна вещь, которую вы можете сделать, это сбросить кнопку PayPal из Drop-in и вручную добавить ее под фреймом. Однако в этом случае вам нужно будет иметь одну учетную запись продавца с включенным PayPal и без нее, так что Drop-in не будет отображать кнопку.

Еще одно предложение было бы использовать Hosted интеграции полей, так что вы можете иметь один торговый счет включен PayPal с опцией настройки с точки зрения расположения кнопки PayPal

Answer 2

Предполагаете, что ваш <form> не создан javascript, используя из jquery, вы должны быть в состоянии перемещать контейнер кнопки #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>