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

Event Calendar with Total Cache JS Minified disabled

Modern Tribe with Total Cache JS Minified enabled

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:

  1. On the General tab > Minify section, select “Manual” instead of “Auto”
  2. On the Minify tab > HTML & XML section, uncheck the “Inline JS minification” checkbox.
8 replies
  1. Alan
    Alan says:

    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.

    • lstoudenmire
      lstoudenmire says:

      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!

  2. Marina
    Marina says:

    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!

    • Larry Stoudenmire
      Larry Stoudenmire says:

      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.

  3. Yusuf
    Yusuf says:

    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.


Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *