Notifying about unsupported browsers

Edit on GitHub

To notify users about an unsupported browser, you can download and implement the the-unsupported-browser-popup-component component.

The component checks userAgent for Internet Explorer browsers using the inline script. If the component detects Internet Explorer browser, it displays a message about the unsupported browser.

The component can also be changed to detect a feature:

var hasNativeCustomElements = !!window.customElements;

Using the unsupported-browser-popup component

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


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

The example supports IE 9+ browsers.