В данном материале рассматривается простой способ вывода формы авторизации в модальном окне для сайтов, работающих на Joomla 4.

Почему удобная авторизация — это важно?

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

Если для авторизации нужно переходить со страницы на страницу, это может спровоцировать пользователя покинуть сайт.

Пример неудобной авторизации:

  1. пользователь захотел оставить комментарий, но для этого он должен авторизоваться;
  2. пользователь жмет по кнопке Вход и попадает на страницу с формой авторизации;
  3. после успешной авторизации он попадает на страницу своей учетной записи и для того, чтобы оставить комментарий, ради которого он и авторизовался, ему придется вновь искать эту страницу.

Пример удобной авторизации:

  1. пользователь захотел оставить комментарий, но для этого он должен авторизоваться;
  2. пользователь жмет по кнопке Вход, открывается модальное окно с формой авторизации;
  3. после успешной авторизации пользователь остаётся на текущей странице и оставляет свой комментарий.

К сожалению, ядро Joomla 4 на момент написания этого материала не предусматривает возможности авторизации в пользовательской части сайта через модальные (всплывающие) окна, а в JED есть только одно расширение, достойное внимания, которое называется LoginModal. Его мы и рассмотрим.

Плагин для входа через модальное окно

Плагин для JoomlaLoginModal весит в архиве всего 16 КБ, однако требует ряда действий для правильной работы. Далее приводим инструкцию по установке, активации и настройке:

  1. Админка Система Расширения Установить;
  2. Вкладка Установить из JED → Ищем LoginModal → Кликаем по карточке расширения → Жмем Install
    Плагин будет установлен.
  3. Далее Система Плагины → Ищем Login Modal → Активируем
  4. Переходим в настройки плагина, там опция Selector по умолчанию имеет такое значение: a[href*="login"],a[href*="logout"]. Это значит, что модальное окно с формой авторизации будет появляться при клике по ссылкам, URL которых содержит login или logout. Целесообразно оставить только a[href*="login"].
  5. Сохраняем настройки плагина.
  6. Далее Система → Модули сайта → Создаём или выбираем (если уже создан) модуль типа Вход на сайт, который должен отображаться в модальном окне.
  7. Устанавливаем для модулия позицию modal.
  8. Теперь осталось разместить в нужном месте ссылку, вызывающую модальное окно для авторизации. Атрибут href данной ссылки должен содержать слово login, согласно настройкам плагина (их можно изменить).

Видеоинструкция

Упоминаемые термины:

JED, Joomla