One of the benefits of Progressive Web Apps (PWAs) is the ability to be installed to the home screen without an app store, similar to a native application.
The web app manifest provides information about your application that is necessary for the app to the installed on the home screen of your device.
On the Admin sidebar, tap Stores. Then under Settings, choose Configuration.
In the panel on the left under ScandiPWA, choose Webmanifest customization.
Configure the following fields:
Represents the name of the web application as it is usually displayed to the user.
Represents the name of the web application displayed to the user if there is not enough space to display
Specifies the primary language for the values of the manifest's directionality-capable members.
Defines the default theme color for the application. This sometimes affects how the OS displays the site (e.g., on Android's task switcher, the theme color surrounds the site).
Defines a placeholder background color for the application page to display before its stylesheet is loaded.
Represents the start URL of the web application — the preferred URL that should be loaded when the user launches the web application.
Defines the default orientation for all the website's top-level browsing contexts.
Determines the developers’ preferred display mode for the website.
International Age Rating Coalition (IARC) ID
Represents the International Age Rating Coalition (IARC) certification code of the web application. It is intended to be used to determine which ages the web application is appropriate for.
Defines the navigation scope of this web application's application context.
4. When finished, click Save
5. On the Admin sidebar, tap System. Then under Tools, choose Cache Management.
6. Refresh invalidated cache types.