Подсказки в пунктах меню

Иногда на сайте возникает необходимость указать больше подробностей о том, что скрывается за тем или иным пунктом в меню. Добавим подсказку к пунктам выпадающих меню. Примерно так

К пунктам основного меню тоже можно добавить, но придется править стили. И об этом в другой раз.

Решение найдено при финансовой поддержке Константина

Демо как всегда тут demo.bergorod.ru

наведите на пункт меню афиши

Как сделать также

1. Установить архив menutips20211011_1.0.0.install
Можно и просто распаковать, но тогда нужно пройти в раздел админки Компоненты, там Управление событиями и согласиться обновить события
2. Указать Подсказки у нужных пунктов меню

3. Выбрать «menu-tips» в настройках виджета меню во вкладке Опции в пункте Шаблон списка меню 

или в свой аналогичный файл шаблона списка добавить в нужном месте

<?php if (!empty($item['options']['tip'])){ ?>
    <span class="nav-tip d-block small"><?php html($item['options']['tip']); ?></span>
<?php } ?>

заменив классы, добавив стили по вкусу.

Ограничения

Компонент предоставляется как есть, бесплатно. Автор не несет никакой ответственности.
Предназначен только для шаблона modern (и дочерних).
Для вывода подсказок в основном меню (а не в подменю) надо доработать стили.
Любители зеленых галочек в валидаторе могут написать свои стили, убрав d-block.