Справка по редактору

Основной принцип

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

Панель управления (слева)

• Страна: Выбор страны меняет язык, валюту, телефонный код и флаг на форме.
• Текстовый редактор: Этот блок становится активным, когда вы кликаете на любой текст в форме. Позволяет менять начертание (B, I, U), цвет, размер и шрифт. Изменения применяются к выделенному тексту, или ко всему блоку, если ничего не выделено.
• Объекты: Здесь собраны инструменты для управления элементами формы.
  • + добавить текст: Создает новый текстовый блок на форме.
  • - удалить текст: Удаляет выбранный текстовый блок.
  • Добавить продукт: Позволяет загрузить изображение для товара.
  • Подобрать имя и номер: Генерирует случайные данные для полей "Имя" и "Телефон" на основе выбранной страны.
  • Мужское/Женское имя: Генерирует случайное имя соответствующего пола, не меняя номер телефона.
  • Заменить флаг: Позволяет загрузить своё изображение вместо стандартного флага.
  • Переключатели "Таймер" и "Флаг": Позволяют скрыть или показать эти элементы на форме.
  • Кнопки расчета цен: Позволяют автоматически рассчитать скидку, старую или новую цену на основе двух других значений. Просто отредактируйте два поля из трех (старая цена, новая цена, скидка) и нажмите соответствующую кнопку расчета.
• Сохраненные пресеты: Позволяет сохранять и загружать полный дизайн формы. Введите имя и нажмите "Сохранить", чтобы создать пресет. Выберите пресет из списка и нажмите "Загрузить", чтобы его применить.

Окно предпросмотра (справа)

• Перемещение: Наведите курсор на элемент, зажмите левую кнопку мыши и перетаскивайте.
• Редактирование текста: Просто кликните на любой текст, чтобы начать его редактировать. Это также относится к ценам и скидке.
• Изменение размера: Кликните на изображение продукта, чтобы появились маркеры по углам. Потяните за них, чтобы изменить размер.

Анимация и сброс

• Запустить анимацию: Переводит форму в режим просмотра, имитируя ввод данных и нажатие кнопки. Чтобы вернуться, подведите курсор к верху экрана и нажмите на появившийся баннер.
• Сбросить редактирование: Возвращает редактор к исходному состоянию (перезагружает страницу). Не удаляет сохраненные пресеты.