Mobile filters and a caching fix for Top Shelf Records
An Australian WooCommerce store built with Elementor Pro and JetSmartFilters. I added a collapsible filter panel for mobile shoppers across seven shop pages and solved a stubborn conflict between LiteSpeed Cache and Cloudflare that kept serving out-of-date styles.
E-commerce · Vinyl records
- Client
- Top Shelf Records
- Built with
- WooCommerceElementor ProJetSmartFiltersLiteSpeedCloudflareWishlist Plugin
The project
- shop pages with mobile filters
- 7
- Emails Custom Built
- 7
- project budget
- ~$650
The challenge
Top Shelf Records sells online from a WooCommerce store built with Elementor Pro, using JetSmartFilters so shoppers can narrow down the catalogue. On phones, the filters took up the whole screen before any products appeared.
At the same time, design changes were not showing up reliably. Pages sometimes loaded with old or broken styling, even after clearing the cache, which made every change risky.
What I built
I built a collapsible filter panel for mobile and rolled it out across all seven shop archive pages, so products come first and filters open with one tap.
For the styling problem I worked through each caching layer. LiteSpeed's Guest Optimisation was forcing its unique and critical CSS features on, and Cloudflare was separately caching Elementor's per-page CSS files, which have no version numbers, so it kept serving old copies. The root cause was a missing Cloudflare API token in LiteSpeed's CDN settings, which stopped LiteSpeed from clearing Cloudflare's cache.
Because those CSS files could not carry version numbers, I moved the critical custom styles into inline snippets, which no static-file cache can hold on to.
The result
Mobile shoppers see products straight away and open the filters when they need them, on every shop page. Design changes now appear as soon as they are published, without stale styling, and the store keeps the speed benefits of both LiteSpeed Cache and Cloudflare.
“Second time I have used Shahid. Nothing was a problem. Went above and beyond to make sure the final product was to my satisfaction. Highly recommend”
The service behind this project
Speed and care plans
Performance tuning, updates, backups and uptime monitoring on a monthly plan.
