Caching and the Delivery Date Picker

The delivery date picker and timeslot dropdown rely on JavaScript and AJAX to load available slots in real time. Aggressive page caching or JavaScript minification can sometimes interfere with this, causing the picker to not appear or timeslots to not load after a date is selected.

What Can Go Wrong

• Stale cached checkout page — the checkout page is served from cache and doesn't reflect your latest plugin settings.
• Minified or combined JavaScript — caching plugins that merge JS files can break the AJAX calls that load timeslots.
• Cached AJAX responses — if a caching plugin caches AJAX requests, slot availability may be stale (showing slots as available when they're actually full).

General Recommendations

1. Exclude the checkout page from page caching. Most caching plugins have an exclusion list — add /checkout/ (or your custom checkout URL) to it. WooCommerce itself usually configures this automatically with popular caching plugins, but it's worth double-checking.

2. Disable JS minification/combination for the checkout page. In WP Rocket, for example, you can exclude specific pages from JS optimisation. Do the same for CSS if you see visual issues.

3. Do not cache AJAX endpoints. The plugin uses WordPress AJAX (/wp-admin/admin-ajax.php) for slot availability. Make sure your caching configuration does not cache responses from this endpoint.

After Changing Plugin Settings

Any time you update your delivery settings (lead time, timeslot window, capacity), clear your full cache afterwards. This ensures the checkout page reflects the new configuration.

Testing

To confirm caching isn't the cause of an issue, temporarily deactivate your caching plugin and test checkout. If the date picker or timeslots work correctly without the cache plugin active, the issue is a caching configuration problem rather than a plugin bug.