Блок аккордеона
Раскрывающиеся пункты для FAQ и длинного текста: элементы, дизайн, иконка и оформление блока.
Блок Аккордеон показывает текст в раскрывающихся пунктах: заголовок всегда виден, описание открывается по клику. Так удобно оформлять FAQ, перечень услуг или длинные пояснения без лишней прокрутки страницы.
Как добавлять и перемещать блоки — в Добавление контента с помощью блоков и Перемещение, изменение размера и закрепление блоков. Фон, обводка и отступы блока — в Оформление фона и обводки блока.
Совет. Для страницы «Частые вопросы» разместите аккордеон в отдельной секции — так проще подобрать цветовую тему секции и не смешивать FAQ с соседними блоками.
Перед началом
- Аккордеон — отдельный тип блока в сетке секции, не форматирование внутри текстового блока.
- Для обычного текста с абзацами используйте Блок текста; для короткой выделенной фразы — Блок цитаты.
Добавить блок аккордеона
- Откройте редактор:
ваш-id.photosquare.ru/config. - В разделе Страницы выберите страницу и нажмите Редактировать.
- В секции нажмите Добавить блок → Аккордеон.
- Кликните по блоку и нажмите Редактировать (или дважды кликните по блоку), чтобы открыть настройки.
[изображение: блок «Аккордеон» на странице и диалог настроек]
Элементы аккордеона
На вкладке Контент — список пунктов. У каждого пункта два поля:
| Поле | Назначение |
| Заголовок | Текст, который всегда виден (вопрос, название услуги и т.п.). |
| Описание | Текст, который открывается по клику. Можно использовать базовое форматирование: абзацы, списки, ссылки. |
- Нажмите Добавить элемент, чтобы создать новый пункт.
- Перетащите пункты, чтобы изменить порядок.
- Удалите лишний пункт через меню элемента (нужен хотя бы один пункт).
Совет. В заголовке держите одну короткую формулировку. Подробности, списки и ссылки — в описании.
Дизайн
На вкладке Дизайн настраиваются типографика, поведение и оформление пунктов.
Текст
- Заголовок — стиль из глобальных шрифтов сайта (например, заголовок 4 или крупный параграф).
- Описание — стиль параграфа для раскрытого текста.
Цвета заголовков и абзацев берутся из цветовой темы секции. Если у блока включён фон, используются цвета «на фоне» — см. оформление фона и обводки блока.
Поведение
- Развернуть первый элемент — при загрузке страницы первый пункт уже открыт.
- Разрешить открытие нескольких элементов — можно держать открытыми несколько пунктов сразу. Если выключено, открытие нового закрывает предыдущий.
Разделители и иконка
- Разделители — линии между пунктами; можно показать или скрыть первый и последний разделитель.
- Иконка — плюс или стрелка; размер, толщина и расположение (слева / справа).
- Отступы строк — внутренние отступы вокруг заголовка пункта (пресеты S / M / L или свои значения).
[изображение: вкладка «Дизайн»: стили текста, разделители и иконка]
Фон и обводка блока
Как у текста, формы и цитаты, у аккордеона можно включить фон, обводку, скругление углов, внутренние отступы и размытие. Подробно — в Оформление фона и обводки блока.
Раскладка
Перетаскивание, размер, выравнивание и порядок в панели Слои — как у других блоков: раскладка блоков. На телефоне положение можно задать отдельно — блоки на мобильных.
Частые вопросы
Чем аккордеон отличается от текстового блока?
Текстовый блок показывает весь текст сразу. Аккордеон скрывает описания за заголовками — страница короче, посетитель сам открывает нужный пункт.
Можно ли вложить аккордеон в другой аккордеон?
Нет. Добавьте несколько блоков аккордеона в секции или разнесите группы FAQ по разным секциям.
Как удалить блок?
Выделите блок и удалите его — Удаление блоков.