notifying-about-unsupported-browsers.md

title	last_updated	template	originalLink	originalArticleId	redirect_from
Notifying about unsupported browsers	Jun 16, 2021	howto-guide-template	https://documentation.spryker.com/2021080/docs/howto-notify-about-unsupported-browsers	96206081-8c2e-4086-80d6-94c8e5877ef4	/docs/scos/dev/tutorials-and-howtos/howtos/howto-notify-about-unsupported-browsers.html

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.

Example:

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

The example supports IE 9+ browsers.