You just updated your product description. Changed your hero image. Fixed a broken CSS rule. You hit refresh — and nothing changed. The old version is still there, staring back at you like a glitch in the Matrix.

This is a cache issue, and it is one of the most frustrating problems Shopify merchants face. The platform is built for speed, and speed means aggressive caching at multiple layers. When those layers serve stale data, your live store shows outdated prices, missing images, or broken layouts — and your customers see it too.

The good news? Every type of Shopify cache can be cleared. You just need to know which layer is causing the problem and how to flush it without breaking anything else.

Types of Cache on Shopify

Shopify does not have a single "cache" you can clear with one button. There are four distinct layers:

Browser cache — stored on your customer's device
Shopify CDN cache — stored on Shopify's global content delivery network
App cache — stored by third-party apps like Klaviyo, PageFly, or Recharge
Theme cache — Liquid compilation and asset minification stored server-side

Each layer requires a different clearing method. Let us walk through them in order.

How to Clear Browser Cache (For Customers and Merchants)

Browser cache is the most common culprit when you see outdated content on your own store. Browsers save static files — CSS, JavaScript, images — locally so pages load faster on repeat visits.

For Store Owners and Developers

Google Chrome:

Press Ctrl + Shift + R (Windows) or Cmd + Shift + R (Mac) to hard-reload the current page
For a full clear: press Ctrl + Shift + Delete (Windows) or Cmd + Shift + Delete (Mac)
Select "Cached images and files" and click "Clear data"

Safari:

Enable Developer menu: Safari → Preferences → Advanced → "Show Develop menu in menu bar"
Press Cmd + Option + E to empty caches
Or use Cmd + Option + R for a hard reload

Firefox:

Press Ctrl + Shift + R (Windows) or Cmd + Shift + R (Mac) to override cache
For full clear: Ctrl + Shift + Delete and select "Cache"

For Your Customers

You cannot clear cache on your customers' devices. Instead, force their browsers to fetch fresh files by busting the cache:

Method 1: Append query strings to asset URLs Change /assets/styles.css to /assets/styles.css?v=2 in your theme. The browser treats this as a new file and downloads it fresh. Increment the version number every time you update the asset.

Method 2: Rename the file If you are updating a critical image, rename it from hero-banner.jpg to hero-banner-v2.jpg and update the reference in your theme. This guarantees a fresh download.

Method 3: Use Shopify's asset_url filter with timestamps In Liquid, use {{ 'styles.css' | asset_url }} — Shopify automatically appends a version parameter that updates when the file changes.

How to Clear Shopify CDN Cache

Shopify serves all store assets through a global CDN (powered by Cloudflare). When you upload a new image or update a theme file, the CDN caches it at edge locations worldwide. Sometimes those edge servers hold onto the old version longer than expected.

Automatic CDN Cache Clearing

Shopify automatically purges CDN cache when you:

Save a theme file in the theme editor
Upload a new file to Settings → Files
Publish a new theme
Update product images through the admin

This usually takes 30 seconds to 5 minutes.

When CDN Cache Does Not Clear Automatically

If you uploaded a file with the exact same filename as an existing file, the CDN may not detect the change. The file content changed, but the URL did not — so the edge server keeps serving the old version.

Fix: Rename the file before re-uploading. Instead of replacing logo.png, upload logo-v2.png and update the reference in your theme.

Force-Refreshing a Specific Asset

If you need to verify whether the CDN has the latest version, append a unique query parameter directly in your browser:

https://cdn.shopify.com/s/files/1/1234/files/banner.jpg?t=12345

The ?t=12345 parameter forces the CDN to fetch the file from origin rather than cache. If the updated version appears with the query string but not without it, the CDN purge is still propagating. Wait 10–15 minutes and check again.

How to Clear App Caches (Klaviyo, PageFly, and More)

Third-party apps are a hidden source of cache issues. Many apps cache store data locally to reduce API calls, and their cache does not always sync in real time with Shopify.

Klaviyo

Klaviyo caches product catalogs, customer lists, and event data. If you update a product price or image but old data still appears in email flows:

Log into Klaviyo admin
Go to Integrations → Shopify
Click "Resync Catalog" or "Update Integration"
For product feeds: go to Catalog → Products and search the SKU to verify the update synced

Klaviyo's catalog sync typically runs every 1–2 hours. For urgent changes, manual resync is the fastest fix.

PageFly, Shogun, GemPages

Page builder apps cache section data and rendered HTML:

Open the page in the app editor
Make a minor edit (add a space, then delete it) to trigger a save
Click "Save & Publish"
Clear your browser cache and hard-reload the live page

Some apps have a dedicated "Clear Cache" or "Refresh Data" button in their dashboard. Check the app settings if a simple republish does not work.

Search Apps (Searchanise, Klevu)

Search apps index your product catalog independently. After bulk product updates:

Go to the app admin panel
Find "Sync Products" or "Rebuild Index"
Trigger a manual sync
Wait for the index status to show "Complete" before testing search on the storefront

Review Apps (Judge.me, Loox, Yotpo)

If updated review widgets do not appear:

In the app dashboard, go to Settings → Widget
Toggle the widget off, save, then toggle it back on
Some apps require you to click "Clear Widget Cache" explicitly

How to Clear Theme Cache and Disable Caching for Development

Shopify compiles Liquid templates and minifies CSS/JS files server-side. Occasionally, this compiled cache gets stale — especially during heavy theme development.

During Theme Development

Disable asset minification temporarily: Shopify does not provide a direct toggle, but you can work around it by referencing unminified files in development. Use theme.js instead of theme.min.js in your theme.liquid during development, then switch back before publishing.

Preview theme vs. live theme: Always develop in a duplicate theme and use the "Preview" link. Preview mode bypasses some CDN caching layers and shows your changes faster than the live site.

Clearing Compiled Liquid Cache

Shopify recompiles Liquid when you save a template file. If you suspect stale compiled output:

Go to Online Store → Themes → Edit code
Open any .liquid file (e.g., theme.liquid)
Add a harmless HTML comment: 
Save the file
Remove the comment and save again

This forces Shopify's template compiler to regenerate the rendered output.

Re-publishing Your Theme

As a last resort, you can force a full theme cache refresh:

Go to Online Store → Themes
Click "Actions" → "Duplicate" on your live theme
Wait for the duplicate to finish
Click "Publish" on the duplicate

This creates a fresh theme ID and triggers a full CDN purge. Only do this during low-traffic hours — there is a brief moment where the theme switch can cause layout flicker.

When to Contact Shopify Support

Some cache issues are beyond your control. Contact Shopify Support if:

CDN cache has not updated after 24 hours despite file renames
Checkout pages show stale product images or descriptions
Shopify Scripts or Plus checkout.liquid changes are not reflecting
Theme preview and live site show completely different content
Customers report seeing prices or inventory levels that do not match your admin

Shopify Support can manually purge edge caches and investigate backend caching anomalies. For Plus merchants, your dedicated launch engineer can escalate cache issues directly to the infrastructure team.

Preventing Cache Issues in the Future

Cache problems are easier to prevent than to fix. Build these habits into your workflow:

1. Version Your Asset Files

Never overwrite an image or CSS file in place. Upload styles-v2.css, banner-june.webp, or similar. Update the reference in your theme. This eliminates ambiguity about which version the CDN is serving.

2. Use Shopify's Native Asset Pipeline

Reference files with {{ 'filename.js' | asset_url }} in Liquid. Shopify appends a cache-busting fingerprint automatically when the file content changes.

3. Test in Incognito Mode

Before reporting a cache issue, open the page in an incognito/private window. This isolates whether the problem is your personal browser cache or a server-side caching issue.

4. Set a Content Update Workflow

For teams with multiple editors:

Designate one person to publish theme changes
Use a staging theme for all edits
Run a post-publish checklist: check homepage, a product page, the cart, and checkout
Wait 5 minutes after publishing before running QA

5. Monitor App Sync Status

After any bulk product update, check your critical apps (email, search, reviews) for sync status. Add "verify app data" to your standard product launch checklist.

6. Document Your Theme's Cache Behavior

Every custom theme has unique caching behavior depending on how it loads assets. Document which files are loaded via Liquid filters, which are hardcoded, and which come from apps. When a cache issue arises, this documentation saves hours of guessing.

Conclusion

Cache issues on Shopify are not bugs — they are the trade-off for a globally distributed, high-performance platform. The key is knowing which cache layer is serving stale data and having the right tool to flush it.

Browser cache? Hard reload and version your assets. CDN cache? Rename files and wait for propagation. App cache? Manually resync from the app dashboard. Theme cache? Force a recompile or republish.

If cache issues are eating into your development time or confusing your customers, it may be time for a deeper technical audit of your store's architecture.

Need help optimising your Shopify store's performance or fixing persistent cache issues? Book a free Shopify technical audit and we will diagnose your store's caching setup, theme performance, and app configuration — with a clear action plan to fix it.

How to Clear Shopify Cache: Browser, CDN, and App Caches Explained