• Resolved 63N

    (@63n)


    Just a small bug I’ve noticed – on the ‘Order Confirmation’ page, when the confirm order button is clicked, the loading gif animation appears, but the mask covering the page doesn’t. Which obviously isn’t great for user experience, since people could end up clicking the confirm order button multiple times without realising that it’s already being processed. Especially if there’s a delay in loading, for example, on a slow network.

    In a similar vein; from the cart page, when the express checkout button is clicked, the mini browser window opens with the PayPal login. After logging in and continuing, the PayPal window closes and the user sees the cart page again. Sometimes there’s a delay of a second or two (could be longer, especially on a slow network) before the page redirects to the ‘Confirm Order’ page. This could cause some confusion/frustration if there’s a delay, because it would look to the user like nothing has happened after they’ve logged into PayPal.
    So, if possible, it would be good to have the loading animation cover the cart page after the user has logged into PayPal, to give some feedback that they are being redirected to the ‘Order Confirmation’ page?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Just a small bug I’ve noticed – on the ‘Order Confirmation’ page, when the confirm order button is clicked, the loading gif animation appears, but the mask covering the page doesn’t.

    I tried to reproduce this on my own site but wasn’t able to. Could you please share a screencast or similar so I can see what you mean?

    So, if possible, it would be good to have the loading animation cover the cart page after the user has logged into PayPal, to give some feedback that they are being redirected to the ‘Order Confirmation’ page?

    That sounds like a good way of handling it. Would you mind adding it to the issue list as a suggestion?
    https://github.com/woothemes/woocommerce-gateway-paypal-express-checkout/issues

    Thread Starter 63N

    (@63n)

    I’ve added that to the Github issue list now, thanks.

    In the screenshot I’ve linked to you can see that on the order confirmation page, after clicking the ‘Place Order’ button, the loading gif appears on it’s own (arrow) without a mask. The loading gif and mask work as expected when updating the cart page, or changing the shipping option on the order confirmation page.

    https://postimg.org/image/g5249adsj/

    • This reply was modified 7 years, 11 months ago by 63N.
    Plugin Contributor Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Now I understand what you mean – thanks!

    After some more testing, I’m still not able to reproduce it.

    Does this happen if you switch the theme to Twenty Sixteen?

    Thread Starter 63N

    (@63n)

    Oh! Yea, as you expected it’s theme related. It works with Twenty Sixteen.

    It’s to do with css floated elements causing the parent element to collapse, essentially causing the mask to have 0 hight. So I can fix it with css.

    Apologies for not testing that first, and thanks for your time!

    Plugin Contributor Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Thanks for reporting back and letting us know! 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Minor bug: no loading animation mask on order confirmation page’ is closed to new replies.