Для работы личного кабинета в Gridbox используется специальный системный плагин Customer Account. Он позволяет вывести форму авторизации, личные данные покупателя, историю заказов и навигационное меню аккаунта на любой отдельной странице или в модальном окне сайта.
1. Размещение элемента на странице
Чтобы настроить отображение аккаунта на фронтенде:
- ■ Откройте нужную страницу (например, My Account) в визуальном редакторе Gridbox.
- ■ В списке плагинов выберите и перетащите на сетку элемент Customer Account.
- ■ В боковой панели настроек выберите, какие вкладки необходимо выводить (История заказов, Скачиваемые файлы, Подписки, Личные данные).
- ■ Настройте стилизацию: шрифты, цвета активных вкладок, кнопки, поля ввода и отступы под дизайн вашего шаблона.
В настройках элемента можно выбрать расположение меню вкладок: горизонтальное или вертикальное. На мобильных устройствах горизонтальные вкладки автоматически перестраиваются в выпадающее меню или аккуратный скролл-бар, что обеспечивает комфортное управление профилем со смартфона.
Не забывай связывать этот элемент с плагином User Account Icon в шапке (Header) сайта. При нажатии на иконку профиля неавторизованный пользователь должен видеть всплывающее окно (Overlay/Modal) с формой входа, а авторизованный — перенаправляться на страницу с этим плагином Customer Account. Также проверь стили таблиц в истории заказов: при верстке под смартфоны убедись, что номера заказов и суммы не «вылезают» за пределы контейнера.