Are new product images, themes, or content not displaying on Shopify? The cause is often browser and CDN cache data. While it speeds up page loading, cache sometimes retains old files and blocks updates. This NextSky guide will show you how to clear your Shopify and browser cache to quickly fix display issues.

Why your Shopify changes aren’t showing

Caching exists to make stores faster. Instead of fetching every file from the server every time, browsers and Shopify’s CDN store copies locally or regionally. When you edit a theme file, upload a new image, or change a product, the old cached version can still appear until it’s refreshed or replaced.

There are three main layers that commonly cause problems:

  • Browser cache: Stored on your computer or phone. This is the most frequent reason you don’t see your own updates.
  • Theme / Liquid cache: Shopify recompiles and caches theme files. Changes sometimes require a manual trigger to reprocess.
  • Shopify CDN cache: Global edge servers cache assets (CSS, JavaScript, images, fonts) for visitors worldwide. It refreshes automatically after you publish changes, usually within minutes, but can occasionally take longer.

Third-party apps can also maintain their own caches. Understanding which layer is affected helps you pick the fastest fix.

Prioritized troubleshooting: Start Here

Work through these steps in order. Most issues resolve in the first three.

  1. Perform a hard refresh on the exact page showing old content: Press Ctrl + Shift + R (Windows/Linux) or Cmd + Shift + R (Mac). This bypasses the browser cache for that single page.
  2. Open the same page in an incognito or private window. This disables extensions and uses a clean cache state.
  3. Test in a completely different browser or device (or switch between mobile data and Wi-Fi).
  4. Re-save the file you edited or make a tiny change in the theme editor and save it (forces recompilation).
  5. Wait 5–15 minutes, then hard refresh again. Shopify’s CDN usually propagates updates quickly.
  6. If the problem is limited to one image, CSS file, or script, rename the asset or add a version parameter (covered below).
  7. Temporarily disable recently installed apps and test again.

If the issue only appears on your device or browser, it’s almost certainly local cache. If it affects customers too, focus on theme recompilation or CDN propagation.

How to clear browser cache (All Major Browsers)

Google Chrome (Desktop)

  1. Click the three-dot menu → SettingsPrivacy and securityClear browsing data.
  2. Choose the Advanced tab.
  3. Select Cached images and files (uncheck everything else if you only want to clear cache).
  4. Set time range to All time and click Clear data.

Faster options: Use the hard refresh shortcut above, or open DevTools (F12 or Ctrl + Shift + I) → Network tab → check Disable cache while DevTools is open.

Mozilla Firefox

  1. Click the menu (three lines) → SettingsPrivacy & Security.
  2. Under Cookies and Site Data, click Clear Data.
  3. Check Cached Web Content and click Clear.

Hard refresh works the same way as Chrome.

Safari (macOS)

  1. Go to SafariSettingsAdvanced and enable “Show Develop menu in menu bar.”
  2. From the Develop menu, choose Empty Caches.

For a full clear: SafariClear History → select “all history.”

Microsoft Edge

  1. Click the three-dot menu → SettingsPrivacy, search, and services.
  2. Under Clear browsing data, click Choose what to clear.
  3. Select Cached images and files and clear.

Mobile Browsers

  • Chrome on Android/iOS: Menu → HistoryClear browsing data → Cached images and files.
  • Safari on iPhone: Settings app → SafariClear History and Website Data (or go to Advanced → Website Data to clear only specific sites).

Pro Tip: After clearing browser cache, always hard refresh the page (Ctrl/Cmd + Shift + R) before checking your store.

Force Shopify to refresh theme and CDN cache

Shopify does not provide a one-click “Clear Cache” button for the storefront or CDN on standard plans. Instead, use these reliable methods:

Method 1: Trigger theme recompilation

  1. Go to Online StoreThemes.
  2. Click Customize on your live theme.
  3. Make any small change (toggle a setting, add a space in a text field, or adjust spacing) and click Save.
  4. Return to your storefront and hard refresh.

Alternatively, go to ActionsEdit code, open the file you changed (e.g., theme.liquid, base.css, or a section file), make a trivial edit (add a comment), and save. This forces Shopify to reprocess the theme.

Method 2: Duplicate and publish a fresh theme version

  1. In Themes, click the three-dot menu on your live theme → Duplicate.
  2. Make your desired changes in the duplicate (or simply publish it as-is).
  3. Set the duplicate as the live theme.

This often clears stubborn cached versions because it creates an entirely new theme instance.

Method 3: Bust cache on specific assets (Images, CSS, JS)

When a single file refuses to update:

  • Rename the file in SettingsFiles (e.g., hero-banner.jpg → hero-banner-v2.jpg) and update any references.
  • Or, in your theme code, append a version query to asset URLs:

liquid

{{ 'base.css' | asset_url }}?v=2

Change the number whenever you update the file. The CDN treats it as a brand-new asset.

Method 4: Use preview mode and dev tools

Theme editor Preview mode frequently shows the latest changes even when the published storefront does not. Use it for testing. In Chrome DevTools, the “Disable cache” option while testing is invaluable for developers.

Note on timing: Most theme and setting changes appear within seconds to a few minutes after publishing. Full global CDN propagation for assets can take up to 15–120 minutes in rare cases. Hard refresh + incognito usually gives you an immediate accurate view for testing.

Clearing cache for the Shopify mobile app

If you’re experiencing issues inside the Shopify mobile app (admin, orders, notifications, or display problems) rather than on your storefront, the steps differ.

For iOS devices

  • Keep the app updated.
  • Go to device SettingsApps (or search for Shopify) → Shopify.
  • Turn on Remove all sessions on next launch.
  • Log out of the app completely, then log back in.
  • You may also need to enable Cross-Website Tracking in the same settings.

For Android devices

  • Update the app.
  • Go to device SettingsAppsShopify.
  • Tap Clear cache, then Clear data (or StorageClear cache/data).
  • Log out, then log back in. Reinstalling the app is a reliable next step if problems persist.

Push notifications not working

Log out → clear cache/data (Android) or remove sessions (iOS) → reinstall if needed → log in → send a test notification from your Shopify admin.

These steps resolve the majority of app-specific glitches without affecting your store data.

Advanced troubleshooting and edge cases

  • Product images not updating: Re-upload the image with a new filename or replace the existing file. Hard refresh on the product page and collection pages.
  • Multi-market or multi-language stores: Confirm you’re editing the correct market in the theme editor. Some changes require publishing per market.
  • Third-party apps or scripts: Many apps cache their own data. Look for a “Clear cache,” “Refresh,” or “Sync” button inside the app’s settings. Disable the app temporarily to test.
  • Unpublished theme or preview links: Always test changes on the published live theme, not just in preview.
  • Shopify Plus users: You have additional options via the Admin API for targeted cache purging if needed for critical updates. Most merchants never require this.

If changes still don’t appear after the steps above, the issue is rarely cache. Check for Liquid errors in the code editor, conflicting apps, or incorrect template assignments.

Best practices to prevent future cache issues

  • Always test updates in an incognito window first.
  • Use hard refresh (Ctrl/Cmd + Shift + R) as your default habit after saving changes.
  • For custom development, implement consistent version parameters or filename versioning on key assets.
  • Keep your theme and apps updated—new versions often include cache-related fixes.
  • After major theme or app changes, monitor the storefront on multiple devices for the first 30–60 minutes.
  • Use Shopify’s theme editor Preview mode extensively before publishing.

Following these habits dramatically reduces “why isn’t my change showing?” moments.

Most Shopify cache problems are quickly solved with a hard refresh, incognito test, or theme editor save. This guide helps you systematically diagnose the exact layer and fix the issue in minutes instead of hours. Bookmark this page for future reference to keep your store fresh and reliable.


Comments

Looking for Help?
Get support from our team

If you can't find the answer you're looking for, our support team is here to help.