4.10.2. Offline CMS page

By providing the PWA, you enable your users to visit your site without an internet connection. The default browser caching can be overridden with custom rules, which is independent of the remote server.

If the user’s connection got lost, browsing will still remain. For example, you can check previously visited pages, which will be displayed as a cached page. (no 404 error) Check out is still possible in offline mode, but the order would be processed after connection is restored.

You can easily select the offline page URL (content page) in admin panel, which should be loaded when customer opens up the app.

 

Figure 204 Progressive Web App (offline page URL)

 

  • OFFLINE PAGE URL: Here you can decide which landing page should be entered by customer, when using the application when device is set to offline mode

  • DISPLAY MODE: Here you can select the mode of displaying of the application. For more information 
    and a detailed description use https://web.dev/add-manifest/#display

  • BACKGROUND COLOR: Here you can set the color which is used on the splash screen when the 
    application is first launched on mobile.

  • THEME COLOR: Here you can set the color of the tool bar and may be reflected in the app's preview in task switchers. It should match the meta theme color specified in your document head.

  • DEBUG MODE ENABLED: Here you can enable/disable the option to have the service workers function

Â