Web manifest customization
Last updated
Last updated
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 to the home screen of your device.
Learn more about Web app manifests here.
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:
4. When finished, click Save
5. On the Admin sidebar, tap Stores. Then under System, choose Cache Management.
6. Refresh invalidated cache types.
NOTE! The settings above are not supported on all browsers. If you do not see the changes on your browser after customizing web manifest, please check browser compatibility. Otherwise, add an issue here.
Name
Represents the name of the web application as it is usually displayed to the user
Short Name
Represents the name of the web application displayed to the user if there is not enough space to display name
Description
The description
member is a string in which developers can explain what the application does
Language
Specifies the primary language for the values of the manifest's directionality-capable members
Theme Color
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).
Background Color
Defines a placeholder background color for the application page to display before its stylesheet is loaded.
Start URL
Represents the start URL of the web application — the prefered URL that should be loaded when the user launches the web application
Orientation
Defines the default orientation for all the website's top-level browsing contexts.
Display
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.
Scope
Defines the navigation scope of this web application's application context