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: @(Embed)(https://cdn.document360.io/9fafa0d5-d76f-40c5-8b02-ab9515d3e879/Images/Documentation/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.