Режим редактирования: практическое руководство по работе с Панелями и Блоками

Вы уже знаете концепцию «Панелей и Блоков» из предыдущей статьи. Теперь пора освоить инструменты: как на практике редактировать, перемещать, удалять и добавлять блоки на странице.

Это руководство — для тех, кто управляет контентом сайта. Здесь нет теории, только конкретные действия.

Исходная точка: панель уже настроена

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

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

Основные операции: 4 действия, которые нужно освоить

1. Редактирование блока: изменить текст, картинку или настройки

Задача: в блоке «Наша команда» нужно обновить фотографию и должность сотрудника.

Как это сделать:

1. Найдите нужный блок на странице. В правом нижнем углу каждого блока вы увидите небольшую полупрозрачную иконку (два квадратика).
2. Нажмите на эту иконку — она всегда видна, не нужно наводить курсор.
3. Произойдёт переход в админку — откроется список «Блоки» с формой редактирования именно этого блока.
4. Измените нужные поля: загрузите новое фото в поле Изображение, обновите текст в поле Должность.
5. Сохраните изменения — и вернитесь на страницу.

Итог: блок обновлён. Всё остальное (стиль, расположение) осталось на своих местах.

Важно: вы редактируете только содержимое блока. Его тип («Карточка сотрудника») и визуальные настройки заданы заранее — вам не нужно в них лезть.

2. Изменение порядка блоков: перетаскивание мышью

Задача: блок «Акция месяца» должен быть первым в панели «Наши услуги», а не третьим.

Как это сделать:

1. Наведите курсор на блок, который нужно переместить.
2. Нажмите и удерживайте правую кнопку мыши (ПКМ).
3. Перетащите блок на новое место в пределах той же панели.
   • Появится визуальная подсказка (например, синяя линия), показывающая, куда блок встанет.
4. Отпустите кнопку мыши. Блок зафиксируется на новой позиции.

Итог: порядок блоков изменён. Сохранение происходит автоматически.

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

3. Удаление блока: убрать ненужный элемент

Задача: блок с устаревшей информацией больше не актуален. Нужно его удалить.

Как это сделать:

1. Найдите блок на странице, который нужно удалить.
2. Кликните на иконку (два квадратика) в правом нижнем углу блока — откроется форма редактирования в админке.
3. Нажмите кнопку «Удалить» (вместо «Сохранить»).
4. Подтвердите удаление — и вернитесь на страницу.

Итог: блок исчез со страницы. Остальные блоки в панели автоматически подстроились.

Альтернатива: можно перейти в админку → «Блоки» (или «Списки» → «Блоки»), найти нужный блок в списке и удалить его там.

4. Добавление нового блока: расширить панель

Задача: в панели «Отзывы» всего 2 блока. Нужно добавить третий.

Как это сделать:

1. Наведите курсор на панель, в которую хотите добавить блок.
2. Справа в панели (обычно на её правом краю) появятся иконки управления. Это три стандартные иконки (везде одинаковые):
   • 🔧 Редактировать панель — для настройки самой панели (фон, отступы, режим расположения).
   • ➕ Добавить панель — для создания новой панели ниже текущей.
   • 🧩 Добавить блок — это то, что нам нужно!
3. Наведите на иконки — появятся всплывающие подсказки: Редактировать панель, Добавить панель, Добавить блок.
4. Нажмите на иконку «Добавить блок» (обычно это значок в виде двух квадратиков: серый и тёмно-серый).
5. Откроется форма создания нового блока в админке. Поле Панель (PanelId) уже будет автоматически заполнено.
6. Заполните остальные поля блока: название, текст, изображения и другой контент.
7. Сохраните — новый блок появится в конце панели.

Итог: панель расширена. Если нужно, переместите новый блок на нужное место (см. пункт 2).

Визуальные подсказки: как не запутаться

Когда вы авторизованы в админке, система помогает ориентироваться:

• Панели выделены рамкой или фоном (обычно полупрозрачным).
• Иконки управления панелями (три значка справа) появляются только при наведении на панель.
• Иконка редактирования блока (два квадратика) всегда видна в правом нижнем углу каждого блока — небольшая и полупрозрачная.
• Подсказки (tooltips) всплывают при наведении на иконку — если забыли, что делает кнопка, просто задержите на ней курсор.

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

Типичные сценарии работы: пошаговые примеры

Сценарий 1: Обновить текст на главной странице

1. Авторизуйтесь в админке и откройте главную страницу сайта.
2. Найдите нужный блок (например, «Заголовок секции "Преимущества"»).
3. Кликните на иконку (два квадратика) в правом нижнем углу блока.
4. В админке измените текст заголовка с «Почему мы?» на «Наши преимущества».
5. Сохраните и вернитесь на страницу — изменения применены.

Сценарий 2: Добавить новую услугу в сетку услуг

1. Авторизуйтесь в админке и откройте страницу «Услуги».
2. Найдите панель с сеткой услуг (там уже есть, например, 6 карточек).
3. Наведите на правый край панели → появятся три иконки.
4. Нажмите «Добавить блок» (иконка с двумя квадратиками).
5. Откроется форма нового блока. Поле Панель уже заполнено автоматически.
6. Заполните поля: Название, Описание, Иконка, Ссылка.
7. Сохраните — новая карточка появится в сетке (система автоматически подстроит расположение).

Сценарий 3: Изменить порядок блоков в «Команде»

1. Авторизуйтесь в админке и откройте страницу «О нас».
2. Найдите панель «Наша команда» (в ней 4 блока с фото сотрудников).
3. Решено: директор должен быть первым, а не вторым.
4. Наведите на блок «Директор», зажмите ПКМ и перетащите его вверх (на первую позицию).
5. Отпустите мышь — порядок изменён, сохранение автоматическое.

Сценарий 4: Удалить устаревшую акцию

1. Авторизуйтесь в админке и откройте страницу с акцией.
2. Найдите блок «Акция на Новый год» (он больше не актуален).
3. Кликните на иконку (два квадратика) в правом нижнем углу блока.
4. В форме редактирования нажмите «Удалить» и подтвердите действие.
5. Вернитесь на страницу — блок исчез, остальные блоки красиво подстроились.

Частые вопросы (FAQ)

Q: Можно ли перетащить блок из одной панели в другую?
A: Зависит от системы. Обычно — нет (блок привязан к панели). Решение: скопируйте содержимое блока или создайте новый блок в целевой панели.

Q: Что делать, если случайно удалил блок?
A: Есть два варианта восстановления:

1. Через админку (рекомендуется): перед важными работами зайдите в «Системные расширения» → «Резервирование» → «База данных» и сохраните таблицу s_Blocks. При случайном удалении просто восстановите эту таблицу.
2. Из полного бэкапа БД: если регулярно делаете резервные копии базы данных, восстановите её из последнего бэкапа.

Если ничего не помогло — придётся создать блок заново.

Q: Можно ли редактировать стиль блока (цвет, шрифт)?
A: Основные стили (расположение, отступы, сетка) задаются на уровне Панели через поле LayoutCSS. Это CSS-классы, которые применяются ко всем блокам внутри панели и определяют, как они располагаются (в столбик, в сетку, в ряд и т.д.).

Индивидуальные стили для конкретного блока также задаются через поле LayoutCSS в списке «Блоки», но это редкость — обычно достаточно настроек панели.

Если нужны изменения цветов, шрифтов или сложные кастомные стили — обратитесь к разработчику.

Q: Как понять, к какой панели относится блок?
A: Когда вы авторизованы в админке, панели визуально выделены. Блок находится внутри той панели, в границах которой он расположен.

Q: Иконки управления не появляются. Что не так?
A: Убедитесь, что:

• Вы авторизованы в админке под учётной записью с правами редактирования.
• Попробуйте обновить страницу (F5) или проверьте, не истёк ли срок сессии.

Итоги: главное в одном абзаце

Редактирование блока — через иконку на блоке (переход в админку).
Изменение порядка — перетаскивание ПКМ в пределах панели.
Удаление — через список «Блоки» в админке.
Добавление — через иконки справа от панели (три значка с подсказками).

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

Следующий шаг: откройте любую страницу в режиме редактирования и проделайте все 4 операции (отредактируйте, переместите, удалите, добавьте). 5 минут практики заменят час чтения инструкций.

Удачи в управлении вашим сайтом-конструктором! 🚀