User Manual
DocsCreate ScandiPWA AppCreate Magento AppGitHub
v5.3.1
v5.3.1
  • ScandiPWA User Manual
  • PWA
    • Introduction to ScandiPWA
    • Cross-browser support
    • Magento version mapping
    • Offline Notice
    • Installation to Home Screen
    • The "New Version Available" Notification
  • Basic Configuration
    • Storefront Branding
      • Uploading Your Logo
      • Adding a Favicon
      • Copyright Notice
      • Store Demo Notice
      • Welcome Message
    • Store Details
      • Locale Options
      • Country Options
      • Currency
      • Contact Us
      • State Options
    • Websites, Stores & View
      • Scope
      • Single Store Mode
    • Industry Compliance
      • Privacy Policy
      • Cookie Law Compliance
  • Catalog
    • CMS Styling
    • Managing Price
      • Group Price
      • Tier Price
      • Special Price
    • Managing Inventory
      • Stock Options
      • Product Stock Options
      • Stock Management Methods
      • Product Alerts
    • Product Settings
      • Advanced Product Settings
      • Search Engine Optimization
      • Customizable Options
        • Date and Time Custom Options
    • Related Products, Up-Sells, and Cross-Sells
      • Related Products
      • Up-sells
      • Cross-sells
    • Catalog Images and Video
      • Uploading Product Images
      • Adding Product Video
      • Placeholders
      • Swatches
      • Image zoom
      • Watermarks
    • Categories
      • Display Settings
      • Content Settings
      • SEO for Categories
      • Design Settings
      • Products in Category
    • Creating Products
      • Configurable Product
      • Simple Product
      • Grouped Product
      • Virtual Product
      • Bundle Product
      • Downloadable Product
        • Configuring Download Options
    • Product Attributes
      • Attribute Settings
      • Attribute Input Types
    • Catalog URLs
  • MSI
    • Multi Source Inventory
  • Marketing
    • Marketing Configurations
    • Product Reviews
      • Ratings
    • Recently Viewed Products
    • Compare Products
    • Wish Lists
      • Configuring the Wish List
  • Promotions
    • Promotions Configurations
    • Cart Price Rules
    • Catalog Price Rules
  • SEO & Search
    • Catalog Navigation
      • Layered navigation
      • Price Navigation
      • Filterable Attributes
      • Pagination Control
      • Breadcrumb Trail
      • Product Listings
    • Catalog Search
    • URL Rewrites
    • SEO Best Practices
      • Metadata
      • Search Engine Robots
      • Using a Site Map
    • Search Terms
    • Base URLs
  • Content
    • Adding a New Page
    • Content Blocks
    • Widgets
    • HTML Head
    • Core Content
    • Default Pages
  • Customers
    • Account Dashboard
      • Address Book
      • My Orders
      • My Wishlist
      • My downloadable
      • Newsletter Subscription
    • Configuring Account Options
      • New Account Options
      • Password Options
    • Creating a Customer Account
    • Customer Sign In
    • Newsletter
  • Communication
    • Dotdigital Chat
    • RSS Feeds
  • Sales
    • Shopping Cart
      • Cart Configuration
    • Checkout Steps
    • Order Confirmation
    • Checkout Configuration
      • Terms and Conditions
    • Basic Shipping Methods
      • Free Shipping
      • Flat Rate
      • Table Rates
      • In-Store Delivery
    • Carriers
    • Shipping Settings
    • Payment Methods
  • Taxes
    • Tax Configuration
  • System
    • Google reCAPTCHA
    • CAPTCHA
  • ScandiPWA Customization
    • Slider Management
    • Color and Content Customization
    • Menu Manager
    • Web manifest customization
    • Layout direction
  • FAQ
    • Frequently Asked Questions
Powered by GitBook
On this page

Was this helpful?

  1. PWA

Offline Notice

PreviousMagento version mappingNextInstallation to Home Screen

Last updated 2 years ago

Was this helpful?

PRO TIP 🚀

Use the test cases below to test your ScandiPWA App!

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.

In the offline mode, we have removed the loading animation of placeholders. The user will only view the content that was loaded previously.

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

TEST YOUR SCANDIPWA APP

To verify the support for this section, use the following test cases:

134KB
scandipwa_ ScandiPWA - Progressive web app.pdf
pdf
Progressive Web App - Test cases
Offline mode sticky notice
Non-loading placeholders in the offline mode
Offline page