В этой заметке рассмотрим ajax-авторизацию в 1С-Битрикс в модальном окне. Статья скорее для разработчиков, потому что некоторые вещи придётся дописать самому.
Форма авторизации
Для начала надо добавить вызов компонента system.auth.form в header.php или footer.php вашего шаблона сайта (будем использовать шаблон header-ajax):
Этот компонент выведет нам форму, которую мы и будет показывать в модальном окне.
В шаблон формы, между открывающим и закрывающим тегом
Самый простой вариант создания страницы регистрации, авторизации, восстановления пароля — создать раздел auth и в самом начале файла /auth/index.php определить константу NEED_AUTH .
После этого регистрация и авторизация уже работает:
Теперь нам надо кастомизоровать шаблоны системных компонентов:
Сегодня научимся делать формы авторизации, регистрации и восстановления пароля на стандартных шаблонах Битрикс с помощью jQuery Ajax, которые без перезагрузки страницы будут проверять валидность логина и пароля, выводить ошибки, авторизовывать, регистрировать и отправлять информацию о восстановлении пароля.
Если вы еще не изучили метод jQuery.ajax(), обязательно изучите, без него ни один проект не полноценен.
Модальные окна у меня работают на css-фреймворке Uikit, как и весь сайт, поэтому у Вас вызов модальных окон не будет работать, придется самим модальные окна сделать.
Также имейте ввиду, что регистрация в этом примере обычная, с полями по умолчанию, компонент настраиваемой регистрации необходимо настроить под себя самому.