Создание панелей и изменение панелей

Панели часто встречаются на страницах сайта, это могут быть как боковые панели с навигацией по разделу, так и слайдер изображений на главной странице. По сути это блоки с какими-то дополнительными элементами страницы которые могут содержать как статичный html код созданный в визуальном редакторе, так и интерактивный php код работающей с базой данных и выводящей например поисковые фильтры для каталога интернет магазина, либо формы обратной связи. Если с первыми все понятно, то интерактивные панели создаются заранее и в дальнейшем при создании панели можно выбирать ее функционал из заранее подготовленной библиотеки скриптов.

Список панелей и их сортировка

Для отображения списка панелей или создания новой, перейдите в Контент -> Панели. Список разделен на стороны расположения панелей (это те части шаблона сайта где они отображаются).
Сортировка панелей происходит путем простого перетаскивания их в списке.
Для редактирования панели нажмите на иконку меню на самом пункте и в выпадающем списке выберите редактирование, там же доступно и удаление.

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

Добавление новой панели на сайт

Для добавления новой панели, нажмите кнопку Добавить на странице списка панелей. Поскольку интерфейс редактирования панели такой же как и ее создания, то рассмотрим второй.

На открывшейся странице создания панели Вам будет доступна форма с несколькими полями:

• Заголовок
  Название панели, которое будет отображено в списке панелей в Админ панели а также в ее заголовке, если он включен в параметрах отображения.
• Подключить панель
  Позволяет выводить заранее подготовленные интерактивные панели содержащие в себе скрипты и сценарии(Например список последних новостей, или слайдер акций). Наличие таких панелей предусматривается на этапе создания сайта. Содержимое панели при этом на сайте будет отображаться в нижней части панели, но его можно оставить пустым.
• Расположение панели
  Это место в шаблоне сайта где панель будет отображена. Таких мест предусмотрено 8 и они располагаются вокруг основного содержимого страницы (Сверху, снизу, слева и справа). Стоит отметить что существует горизонтальное и вертикальное расположение панелей. Например панель Снизу в ряд, будет отображаться в нижней части сайта и делить его ширину с соседними панелями в ряд. А панель Снизу широко, будет выводить панели в нижней части страницы занимая всю ее ширину одна под другой.
• Страницы
  Выпадающее меню в котором можно выбрать на каких страницах сайта должна располагаться данная панель, в выпадающем списке можно выбрать как все страницы, так и отдельные.
• Содержимое панели
  Контент панели можно оформить при помощи одного из визуальных редакторов. Визуальных редакторов предусмотрено 2, простой и продвинутый. Первый загружает все изображения на сервер автоматически, но имеет ограниченный функционал, второй работает через файловый менеджер и позволяет более детально обрабатывать HTML верстку. Переключение между ними происходит через нажатие кнопки смены редактора в верхней правой части блока.
• Параметры отображения
  Набор опций панели, который позволяет управлять ее отображением:
  • Показать стиль
    Помещает панель в своего рода обертку добавляя ей фон отступы и т.п. Отключение этой опции будет выводить содержимое панели как есть.
  • Отображать заголовок
    Если у панели включено отображение стиля, то можно выводить и заголовок панели, который будет использовать текст из поля Заголовок.
  • Только для администратора
    Иногда панель может содержать частную информацию которую широкой публике видеть не стоит, или например она проходит стадию тестирования и оформления, в таком случаи разумным решением будет сделать ее видимой только администраторам сайта что и позволяет делать эта опция.
  • Отключить
    Отключает панель и не выводит ее на сайте, в списке панелей в панели администратора, такие панели становятся полупрозрачными, информируя о том что они отключены.
  • Сворачивать адаптивно
    Позволяет сворачивать панель в мобильной версии сайта, оставляя только ее заголовок и стрелочку рядом с ним. При нажатии на стрелочку или заголовок панель раскроет свое содержимое. Работает только при включенном заголовке. Применяется для более точной оптимизации пространства мобильной версии сайта.
  • Не показывать адаптивно
    Позволяет полностью скрыть панель для мобильных пользователей, не отображая ее содержимое на сайте.
  • Растянуть по ширине страницы
    Позволяет панели занять всю ширину сайта и не подчинятся правилам общих отступов. Применяется как правило для слайдеров или лендинг страниц. Не работает с некоторыми расположениями панелей (боковыми панелями и контент панелями).
  • Плавающая панель
    Позволяет закрепить панель таким образом чтобы ее содержимое преследовало прокрутку страницы. Работает только с боковыми панелями расположенными слева или справа.

Дополнительные настройки

• Формирование
  Позволяет обернуть заголовок панели в нужный тег вложенности заголовка. Применяется для SEO оптимизации страницы.
• Идентификатор (id)
  Добавляет панели атрибут id='' который в дальнейшем может быть использован для плавного перехода к якорю.
• Класс (class)
  Добавляет панели атрибут class='' содержимое которого может включать в себя несколько классов одновременно. Применяется для стилизации панели согласно шаблону сайта.
• Иконка FontAwesome
  Позволяет выводить иконку рядом с заголовком панели, тем самым улучшая визуальное восприятие ее содержимого. Код иконки можно получить по ссылке в заголовке поля, вставлять необходимо только ее класс как показано в шаблоне, например fab fa-accessible-icon.
• Ссылка заголовка
  Добавляет возле заголовка кнопку со ссылкой на дополнительную информацию, например если это панель списка последних новостей, то можно указать ссылку на страницу новостного блога, нажав на нее посетитель попадет к списку всех новостей сайта.

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