HowTo - Notify About Unsupported Browsers
  • Updated on 03 Apr 2020
  • 1 minute to read
  • Print
  • Share
  • Dark
    Light

HowTo - Notify About Unsupported Browsers

  • Print
  • Share
  • Dark
    Light

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:

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.

Was this article helpful?