Простой скрипт, обращающийся к файлу каждые 5 секунд, который получает новые уведомления.
Разархивировать в корень и в /themes/default/templates/system/layout/default.phtml в тег <head> подключить скрипт:
<script src="<?= $this->asset('js/notification.js', true) ?>"></script>Что делает скрипт:
Пользователь получает уведомление, скрипт это отлавливает и посылает звуковое уведомление и меняет заголовок страницы на: "n новое уведомление", все делается без перезагрузки страницы, через Fetch API.
P.S
Из-за политики браузеров для Autoplay (подробнее: https://developer.chrome.com/b ... play/)
После загрузки страницы, звуковое уведомление может не приходить пользователю, пока он не начнет взаимодействовать со страницей
То есть, после перезагрузки страницы пользователю необходимо будет куда-нибудь тыкнуть на странице
Заголовок страницы будет менятся в любом случае
Рабочая и актуальная версия тут