Блок «Группа аккордеонов» — это удобный интерактивный способ отображения сворачиваемого контента на страницах вашего магазина и товаров. Он помогает структурировать информацию в раскрывающихся секциях, улучшая читаемость и пользовательский опыт.
Этот блок позволяет объединять несколько элементов аккордеона и представлять информацию в компактном, удобном формате, не перегружая страницу и сохраняя доступность контента.
Структура блока
Блок «Группа аккордеонов» — это контейнер, который позволяет объединять несколько сворачиваемых элементов в структурированном и удобном для восприятия виде.
Каждый элемент аккордеона состоит из заголовка аккордеона и панели аккордеона. Это позволяет пользователям раскрывать и скрывать отдельные секции контента. Такой формат идеально подходит для часто задаваемых вопросов, описаний товаров, инструкций и другой структурированной информации.
При добавлении блока «Группа аккордеонов» автоматически создаются:
- Аккордеон
- Заголовок аккордеона: кликабельный элемент, который раскрывает или скрывает содержимое.
- Панель аккордеона: область с контентом, которая отображается при раскрытии.
Вы можете добавлять несколько элементов аккордеона в одну группу, чтобы организовать контент более удобно и логично.
Заголовок аккордеона
Заголовок аккордеона — это кликабельный элемент, который управляет отображением связанной панели контента.
Настройки заголовка аккордеона находятся в боковой панели. Доступны следующие параметры:
Значок
Позволяет добавить визуальный элемент рядом с текстом заголовка, чтобы улучшить восприятие.
- Выбор значка: выбор иконки из доступных вариантов.
- Нет: отключает отображение значка.
Иконки помогают сделать интерфейс более понятным, особенно на мобильных устройствах.
Положение значка
- Слева: значок отображается перед текстом.
- Справа (по умолчанию): значок отображается после текста.
Правильное расположение значка помогает сохранить единый стиль оформления и адаптировать интерфейс под разные языки.
Панель аккордеона
Панель аккордеона — это область контента, которая появляется при нажатии на заголовок. Здесь можно размещать любой контент, который будет скрыт до момента раскрытия.
Панель аккордеона поддерживает все стандартные блоки WordPress, что делает её универсальной для создания различного контента.
При использовании темы с поддержкой блоков шаблон «Товар» WooCommerce позволяет добавлять специальные блоки, такие как описание товара, отзывы или дополнительная информация. Эти блоки автоматически подтягивают данные из товара.
Благодаря этой гибкости панель аккордеона отлично подходит для размещения подробного, мультимедийного контента при сохранении чистой структуры страницы.