Tips: WordPress Total Cache with The Event Calendar
First, I need to state a disclaimer.
I have been using the Modern Tribes Event Calendar WordPress plugin, both the free and the Pro version, for many sites. I’ve also used the W3 Total Cache plugin on many sites, and it’s a great plugin for being able to enable and disable certain aspects of the performance.
However, I recently noticed an issue when hovering over an event on the calendar monthly view, instead of displaying the normal popup window for the details of the event, it would increase the font size of the event title and insert some code. (see below)
Event Calendar with Total Cache JS Minified disabled
Modern Tribe with Total Cache JS Minified enabled
After several troubleshooting steps with WordPress plugin disables and enables, I discovered the issue was caused by a conflict with the W3 Total Cache WordPress plugin.
I continued troubleshooting and found the issue to be the enabling of the JS minification.
So, to save you some time, I’ll jump to how the settings should be set for W3 Total Cache in order for the two plugins to work with each other, if Minify is enabled from the General Settings tab:
- On the General tab > Minify section, select “Manual” instead of “Auto”
- On the Minify tab > HTML & XML section, uncheck the “Inline JS minification” checkbox.
I’ve been using trial/error as well as searching the internet for weeks for a solution and this works!!! Thank you! Thank you! Thank you! I never thought to change the minify setting on the general tab to manual. :(((((((( I think I tried every other combination.
Thanks, Alan, for letting me know and glad to help out. So many times, I’ll work on an issue and not share just for lack of time. I figure if I’m having trouble, then I’m sure someone else is as well. Have a great day!
Larry, thank you for taking the time to write this article – Modern Tribes referred me to it. I followed the instructions but unchecking the “Inline JS minification” did not work for me. What worked for me is unchecking the entire HTML minify settings. Not sure why, but it worked!
Thanks for letting me know. That is odd about the HTML minify settings as I haven’t had to uncheck it, but have had to uncheck the inline JS on several installations. Hopefully, my tip helped to steer you in the right direction and saved you some time.
Hey there! I also had this issue but was able to resolve it without turning off minification with the following settings at Performance -> Minify:
Never Minify the following pages: events/* <—Change to whatever page is your theeventscalendar page is
Never minify the following JS files: wp-content/plugins/the-events-calendar/*
Never minify the following CSS files: wp-content/plugins/the-events-calendar/*
Hope this helps! You can basically perform the same setup for other conflicting plugins (GravityForms), too.
Excllent solution.
Thank you very much
Worked well for me to solve the ‘dots appear on desktop view’ that Tribe links to here for.
https://theeventscalendar.com/knowledgebase/calendar-displays-mobile-view-desktoptablet-screen-sizes/
I’d take this over any global disabling of minification / concatenation of HTML / CSS / JS , depending on how much performance you need out of your server.
Thanks for the update. The original post was prior to Events Calendar offering a solution.