|
tchabitat
|
November 16, 2020 at 6:02 am
Our Event page is working great (https://tchabitat.com/events/virtual-gingerbread-house-build/) but as soon as we go to register and purchase a ticket the page is blank. I checked the shortcode on the page and that looks fine. I also previewed the page in a default theme and the page still comes up blank so I don’t think it is theme dependent.
We are also using the default checkout page in case that is helpful (https://tchabitat.com/registration-checkout/).
Any thought on why the page would not display? When I inspect the page I can ‘see’ that all the elements are there, they just don’t visually show up. Any help would be greatly appreciated! Thanks so much!
|
|
Tony
|
November 16, 2020 at 7:06 am
Hi there,
The theme sets the opacity of pretty much everything to 0 (meaning its all invisible) until the JavaScript has finished loading which then sets the opacity back to 1 so its visible again.
However, on the checkout page, there is a JS error being thrown which will then prevent the above from happening.
The error(s) being thrown is:
form_section_validation.js?ver=4.10.8.p:28 Uncaught ReferenceError: ee_form_section_vars is not defined
at HTMLDocument.<anonymous> (form_section_validation.js?ver=4.10.8.p:28)
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)
(anonymous) @ form_section_validation.js?ver=4.10.8.p:28
i @ jquery.js?ver=1.12.4-wp:2
fireWith @ jquery.js?ver=1.12.4-wp:2
ready @ jquery.js?ver=1.12.4-wp:2
J @ jquery.js?ver=1.12.4-wp:2
givegab-button.js:106 Uncaught TypeError: Cannot read property 'getAttribute' of undefined
at HTMLDocument.init (givegab-button.js:106)
The ee_form_section_vars is not defined error is from Event Espresso and we see that happen with caching plugins and/or plugins that move scripts around the page (for example trying to force all JS files to load in the footer).
So, starting with the easiest, do you have any plugins intended to speed up the site by altering how JavaScript files load?
|
|
tchabitat
|
November 16, 2020 at 7:26 am
Hi Tony,
No, there is no caching plugins installed on the site. Is there anything we can add the to functions file that would force the opacity?
|
|
Tony
|
November 16, 2020 at 8:54 am
It’s not just caching plugins that will try and move JS files.
Is there anything we can add the to functions file that would force the opacity?
Not without knowing what is causing the problem first.
—
I’d recommend finding what is causing this rather than trying to hide/work around it. The way I would do this is using the WP Health Check & Troubleshooting plugin:
https://en-gb.wordpress.org/plugins/health-check/
That plugin allows you (the admin) to load the site without any additional plugins and a default theme without affecting your regular uses. Then you can enable Event Espresso and retest, then switch back to your theme again and see if the issue happens with just the theme (just refresh the checkout page). If not, enable each plugin one by one, refreshing between enabling each one until the problem comes back, you then know which plugin it causing the problem.
First, create a database backup of the site just to be safe.
Once you have a backup install and activate the above plugin.
Then go to Tools -> Site Health -> Troubleshooting -> Enable Troubleshooting mode.
You’ll see in the admin bar it has ‘Troubleshooting Mode’, hover over that and you can switch themes and manage the active plugins.
|
|
tchabitat
|
November 16, 2020 at 10:02 am
That is an awesome plugin! That helped us identify that the issue wasn’t our theme, but one of our theme’s plugins. Thanks for the help and I think we are now able to resolve the issue.
Thanks Tony!
|
|
Tony
|
November 16, 2020 at 10:12 am
You’re most welcome.
May I ask what the plugin was, just so I can make a note incase anyone else reports the same issue and they are using it we’ll know to start there?
|
