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)(

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;


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.


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

Our example supports IE 9+ browsers.