Основы визуального редактора

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

Как войти в режим редактирования

1. Откройте свой сайт по адресу (например, vk.piranis.ru).
2. Если вы залогинены — сверху появится тёмная панель управления. Если нет — войдите через /users/sign_in.
3. Сайт показывается в режиме редактирования: при наведении на блоки появляется индиго-рамка с кнопками настроек.

Floating toolbar (плавающая панель инструментов)

Появляется при наведении на любой компонент (hero, каталог, форму контакта, шапку, подвал). Содержит:

• Настройки — параметры компонента (текст заголовка, цвета, поведение)
• AI — генерация текста и улучшение через Claude/OpenAI
• Код — редактирование Liquid/CSS/JS вручную (для продвинутых)
• Стрелки вверх/вниз — перемещение компонента в порядке
• Дублировать — создать копию ниже
• Скрыть/показать — временно убрать с сайта без удаления
• Удалить

Верхняя панель

В режиме редактирования сверху доступны:

• Список страниц — переключение между Главной, Каталогом, Контактами, своими страницами
• + Новая страница — создать страницу с нуля или с помощью AI
• Шапка и подвал — редактирование общих элементов
• D / T / M — переключение размера экрана: Desktop / Tablet / Mobile (для проверки адаптива)
• Предпросмотр — скрыть все панели редактирования и посмотреть сайт глазами клиента
• Панель управления — переход в Dashboard (заказы, каталог, настройки)

Добавление новых блоков

Между компонентами при наведении появляются кнопки «Добавить выше» и «Добавить ниже». Откроется библиотека:

• Hero-секции (5 вариантов)
• Каталоги товаров (3 варианта стилизации)
• Отзывы (3 варианта)
• Контакты (5 вариантов)
• Свои сохранённые компоненты

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

Все изменения применяются мгновенно — нет кнопки «Опубликовать». Если нужно отменить — используйте раздел «Версии» в floating toolbar (хранятся последние 20 версий каждого компонента).

Частые вопросы

Можно ли редактировать с телефона?

Можно, но удобнее с большого экрана. Floating toolbar адаптирован для touch-интерфейса, но работа с компонентами через маленький экран усложнена.

Что если я случайно удалил важный блок?

В floating toolbar нет undo, но в разделе «Версии» хранятся прошлые состояния — можно откатиться.