• Resolved Uriahs Victor

    (@uriahs-victor)


    I see this error on the checkout page and the “Debit/Credit Card” option button does not appear:

    Failed to execute 'querySelector' on 'Document': '["#ppc-button-ppcp-gateway","paypal"]' is not a valid selector.

    The button shows up for a quick second and then disappears. I have disabled all plugins on the website and kept it disabled. The only active plugins currently are WooCommerce and WooCommerce Paypal Payments.

    Here’s a video showing the buttons visible then disappearing (note, video upload is temporary): https://share.vidyard.com/watch/4xFxfpUZGXA8Mgek8sqrdd?

    Why is the element showing up and then disappearing?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Syde Joost

    (@joostvandevijver)

    Hello @uriahs-victor

    Thank you for reaching out to us, we are here to help.

    This is a very strange behaviour; the yellow buttons should replace the WooCommerce buttons when “PayPal” has been selected and not show when any other payment method is selected.

    You may want to perform a full conflict test to rule out eventual issues with the theme or a different plugin. We recommend temporarily activating the default theme Storefront and disabling all other plugins except for?WooCommerce and?PayPal Payments to see if the behaviour persists. Here’s a guide that explains the steps in more detail: How to test for conflicts.

    If this does not show you any possible cause for the issue, you might want to provide us the system report and logs, so we can have a closer look at this. If you don’t feel comfortable sharing those details on a public forum, please open a ticket with our service desk. You can find the instruction for this here: https://paypal.inpsyde.com/docs/request-support/
    (please add the URL of this thread in the ticket as well).

    Kind regards,
    Joost

    Thread Starter Uriahs Victor

    (@uriahs-victor)

    @joostvandevijver
    Here’s a link with the website with the issue: https://seaview.soaringstores.com/

    I already activated storefront on it and disabled all plugins except WooCommerce and PayPal Payments

    Plugin Support Syde Joost

    (@joostvandevijver)

    Hello @uriahs-victor,

    yes, I see the outcome, but there are no failures when it loads the buttons on the incorrect moment (when other payment methods are selected). I think we should look into this situation and would expect that when these 3 payment option buttons only show when the PayPal payment method is selected, the other issue will most likely also be resolved. There is however not much we can see on the site for identifying the cause of this with the information we have.

    Again, I would ask you to open a private engagement, so we can freely share further details, like logs and the system report. You can find the instruction for this here:?https://paypal.inpsyde.com/docs/request-support/
    (please add the URL of this thread in the ticket as well).

    Kind regards,
    Joost

    Plugin Support Syde Joost

    (@joostvandevijver)

    Hello,

    Since we did not receive any response or follow-up questions from you, we will assume you got this working to your requirements. If you still have any more questions for us, please open a new thread, because we will mark this one as resolved.

    Kind regards,
    Joost

    Hi @uriahs-victor,

    I have exactly the same issue, can you describe for me how you solved this problem?

    the temporary solution here:

    https://github.com/woocommerce/woocommerce-paypal-payments/issues/2140

    1. in checkout page (storefront) go edit page mode
    2. and if you are in block mode you have two choice to switch to classic shortcode mode see this screenshot https://ibb.co/34Kp7xp
    3. and if you select the second options (2.) and update the page see the result this will be cause an error and the paypal button shows up for a quick second and then disappears. Failed to execute ‘querySelector’ on ‘Document’: ‘[“#ppc-button-ppcp-gateway”,”paypal”]’ is not a valid selector.
    4. in right side settings (switch to classic checkout button) (will be good!)
    5. in left side slassic shortcode option form the menu (will be error)

    the solution: use the in right side settings (switch to classic checkout button) (will be good!) Screenshots

    https://ibb.co/34Kp7xp

    Expected Behavior Actual Behavior Environment

    WP Version: 6.4.3
    WC Version: 8.6.1
    storefront ( 4.5.4)
    woocommerce-paypal-payments 2.6.0

    Additional Details

    because in block mode dont show any paypal button (this is a bug too i think) i switch to classic shortcode mode

    • This reply was modified 11 months, 3 weeks ago by wpmanus4.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Failed to execute ‘querySelector’ on ‘Document’’ is closed to new replies.