WP Give shortcode javascript error

  • Resolved jchesterc

    (@jchesterc)


    3 years, 1 month ago

    I have encountered an error when using shortcode (with or without shortcode options).

    Javascript error

    give.js?ver=2.18.0:1 Uncaught TypeError: Cannot read properties of null (reading ‘style’)
    at i (give.js?ver=2.18.0:1:20412)
    at give.js?ver=2.18.0:1:20294

    Specifically
    n.querySelector(“.iframe-loader”).style.opacity=0,
    n.querySelector(“.iframe-loader”).style.transition=”opacity 0.2s ease”

    Version 2.18.0

    These two query selector results are null.
    I have clean page no plugin conflicts etc.

    Any ideas?

    • This topic was modified 3 years, 1 month ago by jchesterc.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Rick Alday

    (@mrdaro)

    Hi @jchesterc,

    Happy to help.

    I have a multistep form embedded on this page: https://test.rickalday.com/donate-now/
    There are no JS errors.

    What’s the link to your form page so we can check it out?

    Thread Starter jchesterc

    (@jchesterc)

    https://tychejestastie.sk/vyzvy/vlcata-sk/

    Here,

    I tried to embed it manually and via content editor, same thing.

    Plugin Support Rick Alday

    (@mrdaro)

    Thanks. The console also says that “wp is not defined”. This is usually caused by minifying JS files. I noticed that you are using Breeze cache. Can you temporarily disable it and test it again?

    Thread Starter jchesterc

    (@jchesterc)

    Yes sure, I forgot,

    Page is still in staging mode. Breeze off, cache deleted.

    Plugin Support Rick Alday

    (@mrdaro)

    Hi @jchesterc,

    I noticed that you are using a legacy form template now.
    Did the Multi-step form template ever work without cache?

    You can also test for incompatibility with either a third-party plugin or the active theme on your site.

    An excellent troubleshooting tool that we have at our disposal is a plugin called Health Check. I use it when I am trying to find an issue.
    https://www.ads-software.com/plugins/health-check/

    We have an article with a video of how to walk you through getting set up and how to use it.
    https://givewp.com/documentation/resources/troubleshoot-wordpress-websites-health-check/

    Outlined are the steps to take to find the issue:

    1. When you enable troubleshooting mode, it will deactivate all of the active plugins and make the theme of your site Twenty Nineteen. You can feel safe knowing that your users will still only be viewing your live site.
    2. Only activate Give and its add ons from the dropdown at the top of the admin panel.
    3. Attempt to load the multi-step form again.
    4. If it resolves you know that the issue is either the theme or a plugin. Start by re-enabling your theme, and then going through the plugins one at a time. Once the issue returns you have found the culprit.

    Once you find the problem let me know what it was and I will assist you further.

    Have a great rest of your day!

    Plugin Support Matheus Martins

    (@matheusfd)

    Hi, @jchesterc.

    Do you still need assistance here? I’ll close this ticket for now but if you still need assistance with it, please reopen it and we’ll happily assist you.

    If you have other issues, you can open a new ticket and we’ll help you there too.

    Thanks for using GiveWP! Have a great day.

    Thread Starter jchesterc

    (@jchesterc)

    After your advice and further investigation the problem was indeed the multistep form.

    When switching to normal form everything is working nice.

    Thank you and have a nice day.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘WP Give shortcode javascript error’ is closed to new replies.