Product Page keeps loading with an error in inspect elements

  • Resolved amadzafar

    (@amadzafar)


    4 years, 4 months ago

    Hi there. I’m trying to add paypal express checkout buttons on my products and checkout page. Whenever I enable this payment option my products page doesn’t load at all and page keeps loading with an error in inspect elements. This is the error

    Uncaught TypeError: Cannot read property ‘checkValidity’ of undefined
    at validate_form (wc-gateway-ppec-generate-cart.js?ver=2.0.3:56)
    at HTMLDocument.<anonymous> (wc-gateway-ppec-generate-cart.js?ver=2.0.3:83)
    at i (jquery.js?ver=1.12.4-wp:2)
    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4-wp:2)
    at Function.ready (jquery.js?ver=1.12.4-wp:2)
    at HTMLDocument.J (jquery.js?ver=1.12.4-wp:2)

    I am using PORTO wordpress template and I’ve also tried disabling all plugins if any plugin is conflicting but same problem. Any help and reply will be appreciated. Thanks

    • This topic was modified 4 years, 4 months ago by amadzafar.
    • This topic was modified 4 years, 4 months ago by amadzafar.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Adam Heckler

    (@adamkheckler)

    The first thing I’d try here is a basic conflict test, which is sounds like you already got started on, but didn’t quite complete. The steps:

    1. Temporarily switch your theme to the Storefront or Twenty Twenty theme.
    2. Disable all plugins besides WooCommerce and the PayPal Checkout extension.
    3. Try to reproduce the problem. If the problem is resolved, you’ll know that either your theme or a plugin is causing a conflict.
    3. Enable one plugin only.
    4. Try to reproduce the problem again. If it still works, the plugin you just enabled is not the cause.
    5. Repeat steps 3 and 4 until you either find which plugin is causing the issue or have them all enabled again with the checkout still working.
    6. Switch back to your PORTO theme.
    7. Test the issue again.
    8. If it doesn’t work, something about your theme is causing the problem.

    For more detailed instructions, check out How to test for plugin and theme conflicts:

    https://docs.woocommerce.com/document/how-to-test-for-conflicts/

    Please let us know how that goes!

    Thread Starter amadzafar

    (@amadzafar)

    Yes I tried activating 2020 template and it worked for it. So it is definitely Porto template conflict. I am not sure how can I know the reason of conflict. The template support says I should contact to plugin author.

    Plugin Contributor AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    I would recommend telling them that it works fine with other themes, the issue only happens when you switch to Porto

    @amadzafar I am having the same exact issue using PORTO Theme, did you solve the issue? I really need help with this.

    Thread Starter amadzafar

    (@amadzafar)

    @malekaljboor no, I couldn’t find any solution regarding it. Theme side said it’s plugin issue and plugin side said it’s a theme issue so I had to switch to this great plugin by angelleye. It is totally same thing as woocommerce express checkout. This plugin also works totally fine in mini cart, cart and checkout pages but in products pages if the paypal checkout button is enabled, it shows some woocommerce cookie problem. It shows paypal checkout buttons fine when the product page is visited for the first time or browser cookies is cleared or click on add to cart button so cookie refreshes but when you refresh the same product page with same cart items the paypal button disappears. This is the only issue I’m facing now regarding this plugin I found. This is the link of that plugin. The plugin name is Paypal for WooCommerce by angelleye where there is option to enable paypal express checkout button. Let me know your progress. https://www.angelleye.com/project/woocommerce-paypal-express-checkout/

    @amadzafar Thank you for the suggestion! I’ll give it a try for sure! I’m not really interested in having Express checkout on the product page, I’m mainly interested in the Pay by card option in the Checkout page, Hopefully this plugin will have it!

    Thread Starter amadzafar

    (@amadzafar)

    @malekaljboor it works perfect for checkout and cart pages. Give it a try

    coriassphenix

    (@coriassphenix)

    I personally think this is Porto theme major issue… No one should never experiment these kind of issue…
    PayPal is a standard payment gateway and the Porto theme has to solve this issue asap because it make people unhappy.
    it is horrible not to be able to use the update version of your payment system. This is very low from them. this is the bottom of it… honestly

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Product Page keeps loading with an error in inspect elements’ is closed to new replies.