Amazon Payments Advanced Button – Move/Remove

  • Resolved L Croonquist

    (@webjedi)


    11 years ago

    WordPress 4.1.1
    Woocommerce 2.3.7
    Amazon Payments 1.3.0

    All functions working great. This is a cosmetic and layout issue.

    First, the “pay with amazon” button needs to go away until the checkout page.

    I don’t want to see it on the cart page or any other page until checkout. How can I pull that off?

    Second, the amazon button appears in a Woocommerce info box on the top of the checkout page above all the forme fields.

    I hate this location and I want to move it to the bottom of the page or add it to the <div id="payment" class="woocommerce-checkout-payment"> where paypal is already listed and hopefully others will be collected together there as well.

    Currently that is in the the “Review & Payment” tab on the Checkout page. Would love to stick Amazon only there.

    I do not think there is a setting but rather a call to a WC hook involved here … what page can I edit this hook on? The Checkout.php page? Can I just move it down the checkout.php page to under all the form stuff?

    Thanks for any knowledgeable answers, I will be watching this closely and responding as soon as I see any discussion on this.

    Thanks concerned fellow website owners 🙂

    WJ

    https://wordpress.org/plugins/woocommerce/

Viewing 13 replies - 1 through 13 (of 13 total)
  • jfulyogini

    (@jfulyogini)

    10 years, 9 months ago

    I have this same problem. The “Pay with Amazon” button shows up above all the form fields and nowhere near the checkout options. How can I just list Amazon with the other checkout options?

    Regarding the Amazon button appearing on your cart page, that’s a simple fix: go into Woocommerce>Settings>Checkout>Amazon Payments Advanced and disable the “Cart login button display” option.

    Thread Starter L Croonquist

    (@webjedi)

    10 years, 9 months ago

    Oh thank you @jfulyogini…

    That was easy and something I overlooked 🙂
    Now to customize that cart page and move to checkout!

    LC

    captn-hirni

    (@captn-hirni)

    10 years, 9 months ago

    Unfortunately, this doesn’t work for me. Amazon banner will stay at the top.

    betzer31

    (@betzer31)

    10 years, 8 months ago

    Anyone figured this out yet?

    jfulyogini

    (@jfulyogini)

    10 years, 8 months ago

    The solution I provided above was to remove the Amazon button from the cart page; it’s just an option in the plugin settings.

    As of right now, my understanding is that there is no solution to the Amazon button appearing at the top of the page rather than with the other payment options in WooCommerce. This is the way the plugin is designed.

    For me, this renders the plugin entirely useless, because it confuses the WooCommerce checkout process to have payment options all over the page. My only solution is to not use the Amazon Payments plugin. My sales didn’t increase with it or drop without it, so really the only one losing here is Amazon Payments. They should design better products.

    betzer31

    (@betzer31)

    10 years, 8 months ago

    I agree! I disabled it as well.

    Thanks for the response.

    bakuryu06

    (@bakuryu06)

    10 years, 6 months ago

    Any one found a solution to this? Maybe some custom code?

    ettanbazil

    (@ettanbazil)

    10 years, 6 months ago

    Can someone please let me know when there is a fix? Having to disable this plugin as well due to sloppy layout integration 🙁 Hate that it’s in an info bar rather than in the payment form

    jasonehle

    (@jasonehle)

    10 years, 5 months ago

    This is awful layout of the amazon button. Terrible for conversion.. Please if anyone has any fix post it here.

    Adam Schmid

    (@dwdrmz)

    10 years, 5 months ago

    Having the same issue. What a terrible integration. Gonna start pulling my hair out and dig through the Amazon plug code.

    If anyone else comes up with a solution, PLEASE let us know. My “client” is determined that Amazon payments is necessary to the site.

    jbrewski85

    (@jbrewski85)

    10 years, 2 months ago

    Hey all, I searched everywhere and couldn’t find anything about how to reformat/relocate the amazon pay button… so I came up with my own.

    This removes the info bar at the top and adds it to the bottom payment methods under “paypal” (if you have that enabled):
    final result: http://prntscr.com/9szqle

    First lets remove the code that puts the banner at the top of the checkout page:
    open /wp-content/plugins/woocommerce-gateway-amazon-payments-advanced/amazon-payments-advanced.php

    go to line 238 to find the “public function checkout_message”
    on line 239 comment out the echo and do the same for line 242, so in the end it will look like this:
    http://prntscr.com/9szrxj

    To relocate the button you will need to go to:
    /wp-content/themes/YOURTHEMEHERE/woocommerce/checkout

    open “review-order.php” and edit the following like so:
    http://prntscr.com/9szq4v
    I have added the following code to line 95:

    <?php if($_GET['amazon_payments_advanced'] == "true"){ }  else {echo '<br><div id="pay_with_amazon" style="float:left;"></div> ' . apply_filters( 'woocommerce_amazon_pa_checkout_message', __( '', 'woocommerce-gateway-amazon-payments-advanced' ) );
					echo "<br><hr>"; }?>

    make sure the “if($_GET…” is in there, this will ensure after logging in with amazon that the pay with amazon button is not displayed twice.

    This was the best solution I could come up with. Hopefully that helps some of you!

    stear111

    (@stear111)

    10 years, 2 months ago

    I completed jbrewski85’s instructions with a few minor adjustments. I don’t know if it’s due to a difference in themes but as per jbrewski85’s instructions above:

    “First lets remove the code that puts the banner at the top of the checkout page:
    open /wp-content/plugins/woocommerce-gateway-amazon-payments-advanced/amazon-payments-advanced.php

    go to line 238 to find the “public function checkout_message”
    on line 239 comment out the echo and do the same for line 242, so in the end it will look like this:
    http://prntscr.com/9szrxj&#8221;

    Then place the following code:

    <?php if($_GET[‘amazon_payments_advanced’] == “true”){ } else {echo ‘
    <div id=”pay_with_amazon” style=”float:left;”></div> ‘ . apply_filters( ‘woocommerce_amazon_pa_checkout_message’, __( ”, ‘woocommerce-gateway-amazon-payments-advanced’ ) );
    echo “
    “; }?>

    at line 25 in:
    WP-content/plugins/woocommerce/templates/checkout/payment.php

    I then tested in sandbox and everything works fine.

    Big thanks jbrewski85!!!

    JGarth

    (@jgarth)

    10 years, 2 months ago

    I tried the info above and through some adjusting was able to echo out the Amazon button at top…but can’t get it to show up below.

    We also allow for checks, and then using the COD have made a workaround for Peerform which is a finance option.

    My question is this…Is there an easy way to customize the payment options on the checkout page? I want to show Amazon Pay (down by other options not at top), PayPal, PayPal Credit, Check, and COD. Can I customize the logo under each option?

    Here is a sample of what I would like to do… http://www.i2i-designs.com/images/CartFlow.jpg

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Amazon Payments Advanced Button – Move/Remove’ is closed to new replies.