Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

In order to inform users that s hsop shop is also available as an a PWA installation optional custom IOS prompt functionaliuty functionality is available in the module. On Android smartphones, this already works natively, after a short time of a user’s visit, a PWA installation prompt appears, and the app can be installed. Unfortunately, iOS currently does not support native installation prompts for PWAs like on Android devices. However, you can create a custom installation prompt to explain to users on iOS devices how to add the PWA to the home screen. Please note that this custom installation prompt for iOS devices is less seamless than the native installation prompt for Android devices. The user must manually follow the instructions to add the PWA to the home screen. Nevertheless, it is a viable method to help users on iOS devices install your PWA.

...

In Stores -> Configuration -> Magesuite -> PWA if the PWA is enabled set the `Enable custom IOS installation prompt to Yes:

...

There are some setting settings that can be configured per project:

...

The default settings will results result in the followijg behaviourfollowing behavior:

  • the prompt is shown after 10 seconds from the page load (on every page)

  • promopt the prompt is shown 3 times to a user

  • after the prompt is hownd shown for the 3rd time, it is hidden for the next 10 days

...

Another approach is to write a mixin and pass new options.

In order to display the prompt only for some page pages remove/add <block name="pwa.installation.prompt.ios"/> in corresponding xml-s.

...

Scss file can be found in theme-creativeshop/src/MageSuite_Pwa/web/css/pwa-a2hs-guide.scss There is the possibility to adjust basic styling by adjusting scss variables.

...