Offline Notice

PRO TIP 🚀

Use the test cases below to test your ScandiPWA App!

By default, PWA introduces the Service Worker, which gives us the ability to browse offline. And since we can work offline as well as online, it’s a good idea to let the user know when the app can’t reach the internet so that they don’t get frustrated when new data doesn’t show up after they refresh.

Once you are offline, a yellow stripe with a note will appear below the header of your store on both mobile and desktop.

Offline mode sticky notice

In the offline mode, we have removed the loading animation of placeholders. The user will only view the content that was loaded previously.

Non-loading placeholders in the offline mode

In case of accessing a page that was not loaded previously, the "You are offline note" will appear in full-screen.

Offline page

TEST YOUR SCANDIPWA APP

To verify the support for this section, use the following test cases: