How to Fix WooCommerce Bookings Calendar with W3 Total Cache

Hi Joshua-

Thanks for your interest in W3 Total Cache Pro! Because of the dynamic nature of the WooCommerce Bookings plugin, that content should be excluded from your Page Cache.

There are two ways you can fix this, the “right” way, and the easy way.

First, the easy way- you can exclude your bookings pages from the Page Cache. Give your bookings products a category or tag, then add that category or tag to the Performance > Page Cache > Advanced > Never cache pages associated with these categories / Never cache pages that use these tags. Alternatively, you can add /products/* to the Never cache the following pages field.

Next, the “right” way. You can use Page Fragment Caching Exceptions in your theme template for the booking product. This will preserve the most performance while still allowing your bookings to behave dynamically. The catch is that you will need to make a child theme and edit your theme templates, and place <!–mfunc –> comments around the booking calendar. If you’d like help setting this up, we also offer Premium Services to help you configure this in your Performance > Support menu.

Hello Joshua,

I’ve inspected your website and I can see that the calendar is not loaded (infinity loading). After checking the Console errors I saw a 404 error for https://headshotsla.com/?wc-ajax=wc_bookings_find_booked_day_blocks&product_id=1046777&wc-ajax=wc_bookings_find_booked_day_blocks&security=15c6cabcbb&min_date=2021-02-15&max_date=2021-03-22
This is for page https://headshotsla.com/product/8-look-8-retouch/
Can you please disable the W3TC settings one by one in Performance>General settings, save all settings and purge the cache after each setting is disabled, and see which setting might be causing this.
Thanks!