# Offline Notice

{% hint style="info" %}
**PRO TIP 🚀**

Use the test cases below to test your ScandiPWA App!
{% endhint %}

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](https://2400216880-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MKZZKaIXM6mPattTjuS%2F-MK_HfmO9GRENzrVNm4U%2FScreenshot%202020-10-26%20at%2016.23.15.png?alt=media\&token=8fd70796-5066-4576-995c-75aeb20f1209)

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](https://2400216880-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MKZZKaIXM6mPattTjuS%2F-MK_HpyHtIxzp6M1ycbl%2FScreenshot%202020-10-26%20at%2016.23.55.png?alt=media\&token=f3ad9b38-7e18-4de2-b5e2-3904a3b9b3ce)

In case of accessing a page that was not loaded previously, the "You are offline note" will appear in full-screen.

![Offline page](https://2400216880-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-MKZZKaIXM6mPattTjuS%2F-MK_JO_lYHHlkXhUEYcE%2FScreenshot%202020-10-26%20at%2016.30.45.png?alt=media\&token=5f62efea-5940-450f-8b16-26a814d3d7bd)

{% hint style="success" %}
**TEST YOUR SCANDIPWA APP**

To verify the support for this section, use the following **test cases:**
{% endhint %}

{% file src="<https://2400216880-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MJEKoY_RLJk3C3Fcnu6%2F-M_UyUOIlK4MMzZw7NtE%2F-M_V4s7adbjKkUfDoiOZ%2Fscandipwa_%20ScandiPWA%20-%20Progressive%20web%20app.pdf?alt=media&token=1acc6a43-f51e-4f7e-98a2-60974b642e0d>" %}
Progressive Web App - Test cases
{% endfile %}


---

# 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://manual.scandipwa.com/v5.3.1/pwa/offline-notice.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.