Вход и личный кабинет

Slate объединяет вход, регистрацию, восстановление пароля и личный кабинет в оформление сайта. Магазин для этого не обязателен: доступные разделы кабинета зависят от подключённых приложений. Если используется Shop-Script, покупатель также может работать со своими заказами и другими разделами магазина.

Разрешение входа, способ авторизации, состав регистрационной формы и отправка подтверждений задаются средствами Webasyst и соответствующих приложений. Тема показывает эти формы и их состояния, сохраняя штатное поведение.

Оформление страниц входа

В настройках «Личный кабинет» находятся разделы «Авторизация», «Регистрация» и «Восстановление пароля». Для этих страниц можно выбрать карточку по центру либо картинку слева с формой справа. У страниц предусмотрены собственные заголовки и описания.

В «Личный кабинет → Общие настройки» выбирается окружение страниц входа: показывать ли шапку и подвал сайта и ограничивать ли страницу шириной контейнера. У каждой страницы — входа, регистрации и восстановления — в группе «Вид страницы» есть свои поля «Шапка сайта» и «Подвал сайта»: «Как в общих настройках», «Показывать» или «Скрывать». Изображение и подпись общие для этих страниц: в «Личный кабинет → Общие настройки» задаются «Картинка рядом с формой», «Цитата на картинке» и «Автор цитаты». Пустая цитата оставляет только картинку; автор без цитаты не показывается. Подойдёт вертикальный кадр от 1200 пикселей по ширине с пропорцией 3:4; пустое поле возвращает картинку из поставки. В варианте с изображением на экране от 1024 пикселей форма стоит рядом с картинкой; на меньшем экране изображение скрывается, чтобы не отодвигать поля далеко от начала страницы.

Поля, основные кнопки, ссылки переходов и ошибки оформляются согласованно. Поле с ошибкой выделено рамкой и сообщением, а введённый текст остаётся обычного цвета; ошибка снимается, как только покупатель исправляет значение. Флажки и переключатели в формах регистрации и профиля стоят рядом с подписями, а дата рождения — день, месяц и год — одной строкой. При выборе оформления проверьте не только первый экран, но и длинную регистрационную форму: покупатель должен видеть обязательные поля и понимать, как перейти к входу или восстановлению.

Кнопки входа через соцсети появляются над формой входа и регистрации, если в Webasyst подключены соответствующие способы авторизации. На кнопках — название и значок сервиса, предоставленные системой; при нескольких сервисах кнопки стоят сеткой. Отдельно добавлять их в настройки внешнего вида темы не нужно. Если доступных сервисов нет, этот блок не показывается.

Регистрация и восстановление

Регистрационная страница может показывать саму форму, состояние завершения регистрации или подтверждения электронной почты. Видимое состояние зависит от ответа системы. Набор полей и необходимость подтверждения проверяйте в настройках авторизации, а не в настройках внешнего вида темы. Если в подпись поля нужно добавить ссылку — например, на политику обработки данных, — включите «Личный кабинет → Регистрация → Разрешить HTML в подписях полей».

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

Подписи системных полей и текст ошибок остаются штатными текстами Webasyst и приложений. Slate не подменяет их собственными переводами. Заголовок и описание страницы, которые принадлежат теме, можно изменить отдельно.

Способы входа и одноразовые коды

Способ входа выбирается в настройках авторизации Webasyst: по паролю, по электронной почте или телефону, одноразовым кодом из письма или СМС, с капчей или без неё. Тема оформляет каждый из этих вариантов, отдельно настраивать её под выбранный способ не нужно. Описание страницы восстановления по умолчанию не обещает ссылку на почту — оно подходит и для входа по телефону.

Если выбранный способ авторизации или подтверждения использует код, форма показывает предусмотренные системой элементы: запрос кода, поле ввода, сообщения об отправке, повторную отправку и изменение адреса или телефона. Код, подставленный клавиатурой телефона из СМС или вставленный из буфера, сразу снимает ошибку поля, и кнопка «Подтвердить» срабатывает с первого нажатия.

Во время ожидания повторная отправка может быть заблокирована; рядом могут появляться отсчёт и индикатор загрузки. Адрес, который пока нельзя менять, отображается как недоступное для редактирования поле. Ошибочный код получает оформление ошибки.

Условия отправки, таймер и проверка кода относятся к системе авторизации. За доставку письма или SMS отвечает настроенный канал отправки. Если сообщение не приходит, проверяйте этот канал и данные получателя. Длина и проверка кода определяются выбранным способом авторизации.

Кабинет после входа

Главная кабинета содержит приветствие по имени и плитки доступных разделов; профиль — одна из плиток, «Мой профиль». Профиль можно открыть для редактирования и вернуться к просмотру через отмену. Если система предоставляет смену пароля в профиле, соответствующие поля раскрываются через действие изменения пароля. Настройка «Личный кабинет → Мой профиль → Скрывать в профиле пустые поля» убирает из просмотра профиля незаполненные строки.

На широком экране разделы расположены в боковой навигации. На узком — в горизонтальной ленте, где текущий раздел остаётся заметным. Выход расположен последним пунктом навигации кабинета.

Состав разделов зависит от установленных приложений и плагинов: магазин добавляет заказы, а при включённых возможностях — избранное и партнёрскую программу; «Поддержка» — обращения; «Рассылки» — подписки. Если приложения нет, его разделов в кабинете тоже нет — в том числе в конфигурации без магазина: там нет «Моих заказов», «Избранного» и «Отзывов о товарах».

Разделы плагинов открываются внутри кабинета, в его оформлении:

• «Избранное PRO» — страница избранного и пункт меню плагина вместо собственного избранного темы, без повторного пункта и плитки;
• «Отзывы о товарах» — отзывы покупателя карточками; если отзывов нет, показывается понятное сообщение вместо пустой таблицы;
• «Мои отзывы» — отзывы о сайте из приложения «Заявки» с кнопкой «Оставить отзыв»;
• «Автотрекер заказов» — ссылка «Отследить заказ» у заказа с номером отслеживания, только если в плагине включена страница отслеживания.

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

При наличии магазина доступны список заказов и страницы отдельных заказов. В «Личный кабинет → Список заказов» выберите «Вид списка»: таблицей или карточками. Если окно узкое, таблица не сжимает колонки, а прокручивается вбок; на телефоне заказы всегда показываются карточками. Настройка «Фильтры над списком заказов» включает панель, а в группе «Какие фильтры показывать» отмечаются поиск по номеру и составу заказа, фильтр по статусу, фильтр по году и сортировка по дате или сумме. Поиск проверяет номер и краткий состав, показанный в списке: первые две товарные позиции заказа. Поиск, статус и год можно применять вместе; они меняют текущий список без перезагрузки. Варианты статусов и годов берутся из заказов этого покупателя. Вход во время покупки связан с настройками оформления заказа.

На странице отдельного заказа видны ссылки на товары, выбранные услуги, доставка и номер отслеживания, если магазин их передал. Положительная сумма налога показывается при включённом флажке «Личный кабинет → Список заказов → Показывать налог в заказе»; по умолчанию он включён. Плагины «Повторить заказ» и «Отменить заказ» добавляют соответствующие действия, когда разрешают их для этого заказа.