HowTo - Notify about unsupported browsers

Edit on GitHub

To notify your users about an unsupported browser, you can use our unsupported-browser-popup component. The component is not provided out of the box, download it:

![]https://spryker.s3.eu-central-1.amazonaws.com/docs/scos/dev/tutorials-and-howtos/howtos/howto-notify-about-unsupported-browsers.md/unsupported-browser-popup.zip)

In our example, the component checks userAgent for Internet Explorer browsers by the inline script. If the component detects the Internet Explorer browser, it displays a message.

The component can also be changed to detect a feature, for example:

var hasNativeCustomElements = !!window.customElements;

Usage

To make use of the unsupported-browser-popup component, add it to the molecules of the ShopUi module and include in the current page-blank template in the body tag before script bundles. By default, the script bundles reside in the footerScripts block.

Example:

{% include molecule('unsupported-browser-popup') only %}

Our example supports IE 9+ browsers.