|
bakerrisk
|
December 28, 2020 at 8:34 am
Currently the calendar just looks empty while the events are being loaded after a couple seconds, for example loading for March:
https://www.bakerrisk.com/bakerrisk-learning-center/
Is there supposed to be a pinwheel while the calendar is loading?
Is there a way for us to add styling so there’s an overlay or lower transparency for the calendar while events are being loaded?
Thanks for your help.
|
|
Tony
|
December 31, 2020 at 4:42 am
Hi there,
Event Espresso usually adds 3 placeholder divs to the start of the loop, something like:
<div id="espresso-notices" style="position: fixed; top: 363.375px; left: 551.5px; margin: 0px;"></div>
<div id="espresso-ajax-loading" style="display: none;">
<span class="ee-spinner ee-spin"></span><span style="display:none;">
loading...</span>
</div>
<div id="espresso-ajax-notices">
... Additional Child elements
</div>
espresso-ajax-loading holds a spinner which is shown when EE is running ajax request (like with the calendar) but on the page you’ve linked to those aren’t loaded.
If I manually add those into the page and then switch months on the calendar you can see the spinner loads here:
https://monosnap.com/file/R4QhuENskxilKJhDhG2jPYcgbib5c5
Is that just a standard page build using Beaver builder?
|
|
bakerrisk
|
December 31, 2020 at 11:07 am
Thanks for checking on this.
That is a standard page built using Beaver Builder. The calendar shortcode is in a text module.
I tested the calendar shortcode using the standard WP editor and the DIVs are inserted and the gear is appearing. But when I switch to use the Beaver Builder editor the DIVs are not inserted.
Could there be a compatibility issue with Beaver Builder?
|
|
Tony
|
January 4, 2021 at 8:30 am
Are you using the EE Beaver Builder add-on? (HERE)
If so, it’s likely from this function:
https://github.com/eventespresso/eea-beaver-builder/blob/master/eea-beaver-builder.php#L101-L108
If I recall correctly, beaver builder changed how they saved modules and that can actually be removed now but we left it in to prevent users with older version of EE/BB conflicting.
Try commenting out line 107 by adding // to the beginning so its like this:
//add_action('wp', 'ee_bb_suppress_notices', 1);
Does it work then?
|
|
bakerrisk
|
January 4, 2021 at 3:15 pm
Yes, the website is using the EE Beaver Builder add-on.
We commented the line 107 and the DIVS/gear spinner is now appearing.
Thanks for your help with this.
|
|
Tony
|
January 4, 2021 at 3:30 pm
You’re most welcome.
|
