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