# Progressive web app

## Open Progressive web app settings.

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Find the theme that you want to edit and click **Customize**.
3. In the left-hand toolbar, click **Theme settings.**
4. Click the **Progressive web app.**

## Settings

* **Enable:** turn on/off this feature.
* **Name and/or short name:** you must provide at least the name or short name property. If both are provided, the short name is used on the user's home screen, launcher, or other places where space may be limited. The name is used when the app is installed.
* **Icon:** when a user installs your PWA, you can define a set of icons for the browser to use on the home screen, app launcher, task switcher, splash screen, and so on. Your icon size must be at least 512x512 pixels(recommend PNG image).
* **Display:** you can customize what browser UI is shown when your app is launched. For example, you can hide the address bar and browser chrome. Games can even be made to launch a full screen.

  | **Property** | **Use**                                                                                                                                                                                                                                                                                                     |
  | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
  | `fullscreen` | Opens the web application without any browser UI and takes up the entirety of the available display area.                                                                                                                                                                                                   |
  | `standalone` | Opens the web app to look and feel like a standalone native app. The app runs in its own window, separate from the browser, and hides standard browser UI elements like the URL bar.![An example of a PWA window with standalone display.](https://webdev.imgix.net/add-manifest/standalone-pwa-window.png) |
  | `minimal-ui` | This mode is similar to `standalone`, but provides the user a minimal set of UI elements for controlling navigation (such as back and reload).![An example of a PWA window with minimal-ui display.](https://webdev.imgix.net/add-manifest/minimal-ui-pwa-window.png)                                       |
  | `browser`    | A standard browser experience.                                                                                                                                                                                                                                                                              |
* **Background color:** pick a color that is used on the splash screen when the application is first launched on mobile.
* **Theme color:** sets the color of the toolbar, and may be reflected in the app's preview in task switchers. This setting will be also used for the meta-theme color specified in the document head even you turn off the PWA feature.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://vodoma-docs.boostheme.com/theme-settings/progressive-web-app.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.