Change the PayPal payment button

Question

I have a small problem with the paypal button by default I try to hide it to show my own button: /

Here is my code .js

$(document).ready(function(){
$.getScript("https://www.paypalobjects.com/api/checkout.js", function(){

    paypal.Button.render({
        env: 'sandbox', // Or 'sandbox',

        commit: true, // Show a 'Pay Now' button

        style: {
        color: 'gold',
        size: 'small'
        },

        payment: function(data, actions) {
        var create_payment  = 'config/app/API/paypal/payment.php';
        return paypal.request.post(create_payment).then(function(data) {
            return data.id;
        });
    },

        onAuthorize: function(data, actions) {
        var execute_payment = 'config/app/API/paypal/pay.php';
        return paypal.request.post(execute_payment, {
            paymentID: data.paymentID,
            payerID:   data.payerID
        }).then(function(data) {

    //
            });

        });
        },

        onCancel: function(data, actions) {
        /* 
        * Buyer cancelled the payment 
        */
        },

        onError: function(err) {

        alert('error', err);

        console.log(err);

        }
    }, '#btn-checkout');
});

});

<div class="btn-paypal" id='btn-checkout'>Payer avec paypal</div>

the problem is that i always have the yellow paypal button that appears at the bottom of my button i can not get to the mask.

Why dont you just make a trigger from clicking the new button? like $(".newbutton").click(()=>{ $(".oldbutton).trigger("click") }) — José Lopez Coronado, May 16 '18 at 21:01

score 0 · Accepted Answer · answered May 16 '18 at 22:20

0

I mean this:

$(document).ready(()=>{
  $(".newbutton").click(()=>{
    $(".paypalbutton").trigger("click")
  })

  $(".paypalbutton").click(()=>{
    alert("Example function that this was executed while pressing the other button")
  })
})

.paypalbutton{
display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="paypalbutton" href="#whatever">Pay</a>

<a class="newbutton" href="javascript:void(0)">Pay</a>

What this does is to use a fake button to execute another one.

Let me know if you understand and if it works!

answered May 16 '18 at 22:20

José Lopez Coronado

348
5
12

Thank you I understand better but unfortunately it does not work the PayPal button :/ – doe May 16 '18 at 23:24
The paypal button is on an iframe? – José Lopez Coronado May 17 '18 at 19:10
What about something like $("#iframe").contents().find(".paypalbutton").trigger('click'); ? – José Lopez Coronado May 18 '18 at 18:59
I found this, have you tried? https://stackoverflow.com/a/49497477/5423513 – José Lopez Coronado May 19 '18 at 14:38

Change the PayPal payment button

1 Answers1