Amazon pays hide order details at checkout

  • Resolved daivymerlijs

    (@daivymerlijs)


    4 years, 5 months ago

    Hello, I got a problem with Amazon Pay on checkout.

    Amazon is displaying Shipping Address and Payment Infos correctly, but it does not display customer details, so it is impossible for the consumer to continue the step.

    Customer details not displaying : https://prntscr.com/v3phei

    Customer details displayed correctly : https://prntscr.com/v3pgie (1/2) https://prntscr.com/v3pgi7 (2/2)

    To fix this, I tried this CSS code :

    /* Fix Amazon Pay 1 */

#amazon_customer_details.wc-amazon-payments-advanced-populated+#customer_details {
	display: block;
}

/* Fix Amazon Pay 2 */

#amazon_customer_details.wc-amazon-payments-advanced-populated+#customer_details .col-1 {
	display: none;
}

    CSS code works when I add to Chrome console, but CSS code does not works when I add in to the “additionnal CSS” section my theme.

    So, it is impossible for me to solve the problem. Is anybody can help me ? Thanks

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter daivymerlijs

    (@daivymerlijs)

    I also get this warning code in chrome console when I go to checkout (before login to Amazon Pay) :

    Widgets.js?ver=1.12.2:2 A parser-blocking, cross site (i.e. different eTLD+1) script, https://static-eu.payments-amazon.com/v2/login.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.

    Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    Hey there!

    I am not 100% what the issue is that you are seeing, as it looks like there’s some missing context from the first screenshot. The payment options between the “not displaying” and the “displaying” look similar to me.

    Can you send the link to your site, and then perhaps some larger screenshots of the entire page where you are seeing an issue?

    Thread Starter daivymerlijs

    (@daivymerlijs)

    Hello,

    My website is https://editionsresurgence.com

    Full page screenshot for Amazon Pay not displaying everything correctly : https://prntscr.com/v4rbca

    Full page screenshot for Amazon Pay displaying everything correctly when using CSS written above in Chrome console : https://prntscr.com/v4rbce

    When I add this .css to the “Additionnal CSS” section in my theme editor, everything works : https://prnt.sc/v4rea3

    However, these effects does not last when I exit theme editor : https://prntscr.com/v4rfon

    So I think that Amazon Pay plugin should “erase” my .css or something like that. Can you please help me ?

    • This reply was modified 4 years, 5 months ago by daivymerlijs.
    Plugin Support dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    Hey @daivymerlijs

    Initially, it looked like this is the way the extension works. As you’ll see there is code that hides the details: https://github.com/woocommerce/woocommerce-gateway-amazon-pay/search?q=customer_details
    Changing it is a form of customization, which is probably ok, but not what is recommended by the gateway extension.

    That said, I believe you’re saying is that the “Commander” button is missing – this sounds like a conflict is happening, usually caused by either a conflict with your theme or with another plugin.
    ?
    The best way to determine this is to:

    • Temporarily switch your theme to Storefront
    • Disable all plugins except for WooCommerce
    • Repeat the action that is causing the problem

    If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here with links to useful tools.

    Let me know how you get on!

    Thanks,

    Thread Starter daivymerlijs

    (@daivymerlijs)

    I just changed to Storefront without disabling any plugin and Amazon Pay works perfectly.

    So, I think plugins must not be the issue, only theme, is that right ?

    Plugin Support dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    Hi @daivymerlijs

    So, I think plugins must not be the issue, only theme, is that right ?

    Yes, if the only thing changed is your theme, then that points to the theme being the cause of the conflict here.

    As you’ve done some troubleshooting of this and confirmed the theme is the cause, I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Thanks,

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Amazon pays hide order details at checkout’ is closed to new replies.