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:
scandipwa_ ScandiPWA - Progressive web app.pdf
134KB
PDF
Progressive Web App - Test cases

PWA - Previous

Magento version mapping

Next - PWA

Installation to Home Screen

Last modified 1mo ago

Copy link