Credit cart payment not working

  • Resolved Felix Patzelt

    (@blackmagichappens)


    3 weeks, 1 day ago

    Hello the credit cart payment not working. After pressing pay the page is loading forever. In Console I can see many errors from the stripe plugin.


    wc-stripe.min.js?ver=3.3.77:1 Uncaught TypeError: Cannot read properties of null (reading ‘elements’) at wc_stripe.BaseGateway.create_stripe_elements (wc-stripe.min.js?ver=3.3.77:1:697) at wc_stripe.BaseGateway (wc-stripe.min.js?ver=3.3.77:1:578) at new k (checkout-gateway.js:8:17) at v (checkout-gateway.js:2:1) at new t (checkout-gateway.js:17:9) at u (payment-element.js:2:91) at new e (payment-element.js:7:9) at payment-element.js:22:5 at credit-card-payment-…f6c701aa8406:1:3177 at credit-card-payment-…f6c701aa8406:1:3257

    wc-stripe.min.js?ver=3.3.77:1 Uncaught TypeError: Cannot read properties of null (reading ‘elements’) at wc_stripe.BaseGateway.create_stripe_elements (wc-stripe.min.js?ver=3.3.77:1:697) at wc_stripe.BaseGateway (wc-stripe.min.js?ver=3.3.77:1:578) at new t (applepay-checkout.min.js?ver=3.3.77:1:43) at applepay-checkout.mi…s?ver=3.3.77:1:1809 at applepay-checkout.mi…s?ver=3.3.77:1:1815

    wc-stripe.min.js?ver=3.3.77:1 Uncaught TypeError: Cannot read properties of null (reading ‘elements’) at wc_stripe.BaseGateway.create_stripe_elements (wc-stripe.min.js?ver=3.3.77:1:697) at wc_stripe.BaseGateway (wc-stripe.min.js?ver=3.3.77:1:578) at new i (googlepay-checkout.m….js?ver=3.3.77:1:59) at googlepay-checkout.m…s?ver=3.3.77:1:1668 at googlepay-checkout.m…s?ver=3.3.77:1:1674

    wc-stripe.min.js?ver=3.3.77:1 Uncaught TypeError: Cannot read properties of null (reading ‘elements’) at wc_stripe.BaseGateway.create_stripe_elements (wc-stripe.min.js?ver=3.3.77:1:697) at wc_stripe.BaseGateway (wc-stripe.min.js?ver=3.3.77:1:578) at new t (payment-request.min.js?ver=3.3.77:1:3584) at payment-request.min.js?ver=3.3.77:1:5828 at payment-request.min.js?ver=3.3.77:1:5901

    wc-stripe.min.js?ver=3.3.77:1 Uncaught TypeError: Cannot read properties of null (reading ‘elements’) at wc_stripe.BaseGateway.create_stripe_elements (wc-stripe.min.js?ver=3.3.77:1:697) at t.value (local-checkout-gateway.js:15:30) at wc_stripe.BaseGateway (wc-stripe.min.js?ver=3.3.77:1:578) at new k (checkout-gateway.js:8:17) at v (checkout-gateway.js:2:1) at new t (checkout-gateway.js:17:9) at u (local-checkout-gateway.js:2:1) at new t (local-checkout-gateway.js:7:9) at local-payment.js:6:25 at local-payment.js?ver…908494b097549:1:498

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @blackmagichappens

    That error message means the js.stripe.com script is not loading on your site before the dependency scripts are loading.

    If you’re using a cache plugin, make sure you exclude js.stripe.com from async and deferred loading.

    Kind Regards

    Thread Starter Felix Patzelt

    (@blackmagichappens)

    Thank you for your fast response. I excluded all stripe js files. but still the errors are the same

    https://shop.beautymanufactur.de/wp-content/plugins/woo-stripe-payment/assets/(./)

    Plugin Author Payment Plugins

    (@mrclayton)

    You need to exclude js.stripe.com as well, not just scripts from the plugin.

    Kind Regards

    Thread Starter Felix Patzelt

    (@blackmagichappens)

    Even without any cache plugin these errors are appearing

    Plugin Author Payment Plugins

    (@mrclayton)

    Even without any cache plugin these errors are appearing

    Then other plugins need to be considered. It looks to me like you’re using a cookie plugin. That’s the next place to look.

    When reviewing your checkout page, I can see that the Stripe JS SDK script is being tagged with the async property which is why this error is happening. The script is being loading asynchronously which means the dependencies scripts are loading before it.

    <script id="wc-stripe-external-js" class=" cmplazyload" data-cmp-newid="7980804" data-cmp-ab="1" type="text/javascript" async="" src="https://js.stripe.com/v3/?ver=3.3.77" data-cmp-done="1" data-cmp-activated="1" data-cmp-info="2"></script>

    Something on your site is assigning all of those data attributes like data-cmp-ab="1" etc.

    Kind Regards

    Thread Starter Felix Patzelt

    (@blackmagichappens)

    Thank you. It was the consentmanager which was blocking it

    Plugin Author Payment Plugins

    (@mrclayton)

    You’re welcome, thanks for confirming.

    Good reviews of the plugin are always appreciated. https://www.ads-software.com/support/plugin/woo-stripe-payment/reviews/

    Kind Regards

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.