Plugin causes scroll to miss WooCommerce error message anchor

  • Resolved Noelle Steegs

    (@noellesteegs)


    3 years, 9 months ago

    Hi,

    We have terms and conditions enabled on our checkout page via the standard WooCommerce setting. When someone doesn’t check the checkbox for those, the expectec behaviour is that the page scrolls up to an error saying terms and conditions must be accepted.

    This works perfectly when using Stripe, but when using PayPal the page scrolls up, then down, so the error isn’t immediately visible. This would be terrible UX if we were to push the integration live like this, as people wouldn’t be able to proceed and not know why.

    Please can you advise how this issue can be resolved? Thank you.

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

  • Hi Noelle, are you able to link us to the page where we can see this occurring?

    Thread Starter Noelle Steegs

    (@noellesteegs)

    Hey @jricketts4, yes. ?? Please visit https://wayzn.com/choose-your-size/ and follow the steps to add a product to cart and end up at checkout. Thanks so much for looking into this.

    Plugin Support John Coy a11n

    (@johndcoy)

    Automattic Happiness Engineer

    Hi @noellesteegs

    The core WooCommerce plugin triggers a woocommerce-error when the terms are not clicked. I saw on your checkout page this did not occur with Stripe but appears to work as expected with PayPal. The customer should be taken to the top of the mage to see the message:

    Please read and accept the terms and conditions to proceed with your order.

    You may want to reach out to the theme developers to see whatever it is that disables this core feature for Stripe, to apply the same to all payment methods. There is not a way to disable the core WooCommerce notice unless removing the terms entirely.

    Thread Starter Noelle Steegs

    (@noellesteegs)

    @johndcoy Thanks for your reply. ?? Sorry, but I am a little confused. Things are working fine with Stripe on my end, but the screen scrolls past the error when selecting PayPayl. Are you seeing something different?

    Plugin Support Niall a11n

    (@wpniall)

    @noellesteegs I can confirm that the screen does indeed scroll up and down after selecting PayPal and not selecting the terms and conditions checkbox:

    Wayzn - Checkout behavior with PayPal
    Link to image: https://d.pr/i/XEf37l

    I suspect that the cause of this issue may be your theme, as suggested by John. Here’s what I see on my test site with PayPal Checkout and the Storefront theme; the error notices display correctly with PayPal Checkout when the terms and conditions checkbox is not selected :

    PayPal Checkout no terms and conditions displays error
    Link to image: https://d.pr/i/wtmtbJ

    Could you please temporarily switch your theme to Storefront and test if you see the same behavior when selecting PayPal?

    If you do not see the same behavior with Storefront, you may want to reach out to your theme’s developers to find out what might be causing the error notices not to display correctly.

    Plugin Support Niall a11n

    (@wpniall)

    We haven’t heard back from you for a while, so I’m going to mark this post as resolved. If you have any further questions or need additional help, please start a new thread and we’ll be able to help you out there. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Plugin causes scroll to miss WooCommerce error message anchor’ is closed to new replies.