Блок «Аккордеон» — это удобное графическое решение для сайта в виде списка текстовых заметок с раскрывающимися элементами:
«Аккордеон» достаточно легко встроить на сайт и настроить под свои нужды: он отлично подходит для любых необходимых запросов.
Как добавить и настроить «Аккордеон»?
Чтобы добавить элемент на свой сайт, перейдите в настройки сайта и нажмите «плюс», чтобы открыть меню с разделами, доступными в Mavibot.
Затем в открывшемся меню разделов найдите блок «Аккордеон».
Далее вы увидите пустой добавленный блок, в котором необходимо настроить содержимое в виде карточек и тип самих карточек аккордеона:
Настройки содержимого
Сначала мы добавим карточки содержимого, для чего нужно нажать на кнопку «Содержимое», а затем добавить саму карточку, которая будет содержать заголовок и, соответственно, текст:
В ваше содержимое была добавлена пустая карточка, куда можно добавить текст вопроса, изображение и текст ответа:
Текстовый элемент блока имеет настройки, аналогичные настройкам любого текстового редактора: настройки жирности, курсива, подчеркивания, высоты шрифта и контура шрифта, цвета и многое другое.
Чтобы применить его настройки к тексту, выделите нужную часть текста и выберите настройки текста
Затем загрузите изображение, если необходимо, и добавьте поясняющий текст — ответ на вопрос:
Вы можете добавить необходимое количество карточек содержимого.
Настройка содержимого
После добавления необходимого количества карточек содержимого перейдите к настройкам содержимого:
Затем вы можете установить флажок, чтобы первая карточка аккордеона или только одна из карточек была открыта.
Выберите настройку вертикального отступа между вопросами в блоке:
Вы также можете скруглить углы карточек с помощью этого поля, которое принимает только числовые значения:
Текстовый элемент (а также кнопка) в карточке всегда находится по центру относительно верхнего и нижнего краев. Чтобы выбрать необходимое расстояние, введите числовое значение в поле «Внутренний отступ сверху и снизу»:
Кроме того, все содержимое карточки (включая текст и кнопку для раскрытия текста ответа) располагается по центру относительно правого и левого краев. Чтобы настроить отступы слева и справа, используйте поле «Внутренний отступ слева и справа»:
Чтобы выбрать размер значка, открывающего текст ответа, просто используйте это поле «Ширина значка», которое также принимает исключительно числовое значение:
Если изображение внутри карточки слишком большое, вы можете выбрать его ширину, указав необходимое значение в поле «Ширина изображения»:
Затем выберите цветовую палитру для каждого элемента вашего аккордеона: текста, фона карточки, значка и т.д.:
Теперь вы знаете, как установить блок «Аккордеон» на свой сайт и настроить содержимое внутри блока.
Настройка блока (раздела): шрифт, фон и параметры отображения
Чтобы настроить блок «Аккордеон», вам понадобятся универсальные настройки раздела (блоков), которые включают настройки шрифта, фона и отображения.
Настройки раздела (блока), а именно шрифты, фон и отображение, одинаковы для всех блоков.
Подробнее об универсальных настройках разделов (блоков) сайта читайте в статье