Конструктор страницы обмена

Конструктор страницы обмена - это визуальный инструмент в админ-панели Lara-Script, предназначенный для настройки структуры и внешнего вида страницы создания заявки на обмен без необходимости редактирования исходного кода.

С помощью данного инструмента администратор может:

  • управлять порядком отображения блоков на странице обмена;

  • добавлять, удалять и переставлять секции;

  • настраивать визуальную структуру страницы под бизнес-логику конкретного обменного сервиса;

  • улучшать пользовательский опыт без привлечения разработчиков.

Данный раздел относится исключительно к странице оформления заявки, а не к главной странице сайта.

Структура интерфейса

Интерфейс конструктора страницы обмена состоит из двух основных зон.

1. Доступные секции

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

Секции из данного списка можно:

  • добавлять на страницу;

  • удалять со страницы;

  • изменять порядок их отображения в правом блоке.

2. Page Body Builder (Рабочая область)

Правая часть экрана представляет собой визуальную рабочую область, в которой отображается текущая структура страницы обмена в том виде, в каком она будет показана пользователю на сайте.

Все изменения отображаются в режиме реального времени после нажатия "Сохранить".

Работа с секциями

Добавление секции

Для добавления новой секции на страницу обмена необходимо:

  1. Найти нужную секцию в списке Available Sections.

  2. Перетащить её в рабочую область Page Body Builder.

  3. После добавления секция станет доступной для редактирования и настройки.

Изменение порядка секций

Порядок секций напрямую влияет на их отображение на странице сайта.

Для изменения порядка:

  • зажмите нужную секцию в рабочей области;

  • перетащите её выше или ниже относительно других секций;

  • отпустите для фиксации нового положения.

Изменения применяются мгновенно после сохранения.

Удаление секции

Если секция больше не требуется:

  • удалите её из рабочей области конструктора кликнув на шестерёнку и нажав "Удалить секцию";

  • после сохранения изменений она перестанет отображаться на странице обмена.

Настройки секций (иконка «шестерёнка»)

Каждая секция в рабочей области имеет иконку (шестерёнка), которая открывает окно настроек конкретного блока.

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

Основные секции страницы обмена

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

Блок выбора направления обмена (Give/Receive)

Основной блок страницы обмена, калькулятор, в котором пользователь:

  • выбирает валюту, которую отдаёт;

  • выбирает валюту, которую получает;

  • указывает сумму обмена;

  • видит актуальный курс;

  • видит минимальные и максимальные лимиты.

Данный блок является ключевым элементом страницы обмена и, как правило, располагается в верхней части страницы.

Блок правил обмена (Exchange regulations)

Секция предназначена для отображения:

  • правил обмена;

  • условий предоставления услуг и важных уведомлений для пользователя.

Информация из этого блока настраивается в аннотациях валют.

Блок поля формы

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

  • номер телефона;

  • реквизиты карты или криптокошелька;

  • дополнительные данные, требуемые выбранным направлением обмена.

Набор полей формируется динамически и зависит от настроек валют и пользовательских полей в админ-панели.

Визуальная сетка и выравнивание

В рабочей области конструктора отображается визуальная сетка, которая:

  • помогает выравнивать секции;

  • показывает границы контента;

  • упрощает построение логичной структуры страницы.

Сетка используется только в админ-панели и не отображается на сайте.

Сохранение изменений

После внесения любых изменений необходимо:

  1. Нажать кнопку Сохранить.

  2. Дождаться подтверждения успешного сохранения.

  3. При необходимости обновить страницу сайта.

⚠️ Важно: Если изменения не были сохранены, они будут утеряны при выходе из раздела.

Особенности и ограничения

  • Конструктор страницы обмена влияет только на внешний вид и порядок отображения блоков.

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

  • Некоторые секции являются критически важными для корректной работы страницы обмена и не рекомендуются к удалению.

Резюме

Конструктор страницы обмена позволяет:

  • гибко настраивать пользовательский интерфейс;

  • адаптировать страницу под различные сценарии обмена;

  • улучшать UX без изменения кода и привлечения разработчиков.

Последнее обновление