Документация «Proxima»

Тема дизайна «Proxima» — универсальное решение для Webasyst. Она подходит для создания сайтов и фотогалереи. На этой странице собрана полная документация по настройке и использованию всех возможностей темы.

Начало работы

Если вы ещё не установили Webasyst, ознакомьтесь со статьёй «Как создать сайт на Webasyst: установка и настройка на своём сервере». Для доступа к настройкам темы нужно авторизоваться в бэкенде Webasyst, перейти во фронтенд и открыть боковую панель:

Если у вас подключено несколько доменов в одной установке Webasyst, убедитесь, что вы авторизованы именно через страницу домена, где установлена тема. Например, для сайта my-domain.com зайдите в аккаунт через my-domain.com/webasyst. Иначе кнопка «Настройки» не появится.

Панель настроек

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

• Настройки — основная вкладка: шрифты, цвета, шапка, подвал, параметры блоков и всё остальное оформление темы.
• Структура сайта — дерево страниц с отметками о скрытых страницах и наличии корневой страницы. Удобно для диагностики навигации.
• Генератор — формирует готовый Smarty-код для вставки блоков и элементов в режиме HTML-редактирования страниц.
• Плагины — список плагинов Webasyst, поддерживаемых темой.
• Другие продукты — дополнительные продукты разработчика.

Видимость панели настраивается в бэкенде Webasyst в настройках темы, в разделе Основные настройки → Оформление → Панель с настройками темы :

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

Если панель была скрыта, включить её снова можно в бэкенде Webasyst в настройках темы.

Страницы сайта

Все страницы сайта создаются в приложении Сайт → Карта сайта . Это центральное место для управления структурой: здесь можно добавлять, переименовывать, скрывать и удалять страницы. По умолчанию главная страница сайта берётся из приложения Сайт. При необходимости её можно переключить на другое приложение — например, на Магазин, если вы хотите, чтобы по корневому URL сразу открывался каталог.

Чтобы добавить подстраницу, наведите на родительскую страницу, нажмите на троеточие справа и выберите «Добавить подстраницу».

У каждой страницы есть настройки: название, адрес и META-данные для поисковых систем — Title, Keywords и Description. Откройте страницу в «Карте сайта» и нажмите «Настройки страницы».

Главная страница

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

Способ 1 — вставить код блоков вручную. В Генераторе получите Smarty-код нужных блоков и вставьте его в HTML-редактор страницы. Подробнее — в разделе Добавление блоков.

Способ 2 — создать клон темы. Это сложнее, но даёт полноценное управление блоками через боковую панель — как на главной. Порядок действий:

1. Создайте клон темы «Proxima» в настройках Webasyst.
2. В приложении Сайт → Карта сайта добавьте новую страницу кнопкой «Добавить» вверху раздела.
3. В настройках этой страницы назначьте ей созданный клон темы.

В итоге получаете две полноценные страницы с настраиваемыми блоками: каждая управляется через свою тему независимо.

Шапка сайта

Тема предлагает несколько шаблонов шапки на выбор. Навигация в шапке может формироваться тремя способами:

• Из страниц сайта — автоматически, на основе «Карты сайта». Страницы с флагом «Скрытая» в меню не попадают.
• Встроенный генератор навигации — позволяет создать произвольное меню с любыми ссылками и порядком. Настраивается прямо в боковой панели. Подходит, если навигация в шапке и подвале должна отличаться.
• Приложение «Управление меню» — отдельное приложение Webasyst. Позволяет создать одну навигацию и подключить её одновременно в шапку и подвал — не нужно заполнять меню дважды. Удобно, если структура меню в шапке и подвале должна совпадать.

Тема поддерживает максимум 3 уровня вложенности: основные пункты меню, выпадающее подменю первого уровня и вложенное подменю второго уровня. Четвёртый уровень не отображается.

Ссылки-якоря

Тема поддерживает плавный переход к конкретному блоку на странице. Формат ссылки — #ID_БЛОКА , например #banner переведёт к блоку «Баннер». ID блока указан в начале вкладки с его настройками в боковой панели.

Для перехода с другой страницы используйте полный URL: https://ваш-домен.ru/#banner .

Форма обратной связи

Форма обратной связи позволяет посетителям отправить контактные данные на вашу почту. Доступные поля: имя (обязательное), email, телефон, согласие на обработку данных и капча.

Для работы формы нужно настроить два разных адреса:

• Получатель — email, на который приходят заявки. Указывается в настройках темы в боковой панели.
• Отправитель — ящик, от имени которого Webasyst рассылает письма. Настраивается в бэкенде: Настройки → Электронная почта .

Чтобы письма не попадали в спам используйте почту на своём домене — заведите ящик вида info@ваш-домен.ru и укажите его как отправителя. Письма с ящиков на gmail или mail.ru чаще попадают в спам, потому что домен отправителя не совпадает с доменом сайта.

Если нужна своя форма — включите настройку «Свой код формы», создайте блок site.feedback_form в приложении Сайт → Блоки и вставьте туда собственный HTML.

Форма подписки на рассылку

Форма подписки работает через приложение «Рассылки». Чтобы подключить её:

1. Установите приложение «Рассылки» через Инсталлер.
2. В приложении «Рассылки» перейдите в раздел Подписчики и формы → Списки и создайте новый список подписчиков. Откройте его и скопируйте ID из адресной строки браузера.

3. В том же разделе перейдите во вкладку Формы подписки , создайте новую форму и скопируйте её ID.
4. Укажите оба ID в настройках темы.

Кнопка «Подписаться»

Если на сайте появилась всплывающая кнопка «Подписаться» в правом нижнем углу — это не часть темы. Её добавляет приложение CRM, установленное в Webasyst. Чтобы убрать кнопку, есть два варианта:

• Удалить лид-форму — откройте приложение CRM → Настройки → Лид-формы и удалите форму подписки.
• Удалить приложение CRM — если CRM не используется, его можно полностью удалить через Инсталлер. Кнопка исчезнет вместе с ним.

Капча

По умолчанию в формах используется встроенная капча Webasyst. Её можно заменить на Google reCAPTCHA или отключить совсем.

Для подключения Google reCAPTCHA:

1. Зарегистрируйтесь на сайте Google reCAPTCHA и создайте ключи для reCAPTCHA v2 или reCAPTCHA v3 .
2. В бэкенде Webasyst перейдите в Настройки → Капча и добавьте ключи.

Для v3 доступен невидимый режим — пользователь не увидит виджет, проверка происходит автоматически.

Изображения

Используйте современные форматы: WebP для фотографий и графики (подробнее о формате WebP), WebM для видео. Это уменьшает вес файлов без потери видимого качества и ускоряет загрузку.

Рекомендуемый размер файла — не более 200–300 КБ. Для оптимизации удобно использовать онлайн-сервисы, например imagecompressor.com.

Фотогалерея

При покупке темы «Proxima» для Сайта вам доступна дочерняя тема для приложения «Фото». Установите приложение через Инсталлер, затем откройте «Фото» и примените там тему «Proxima». Создайте новый альбом и загрузите фотографии.

По умолчанию на каждой странице галереи отображается 50 изображений. Чтобы изменить это значение, откройте файл wa-apps/photos/lib/config/config.php и замените параметр 'photos_per_page' на нужное число.