Шесть новых блоков в библиотеке

В библиотеке блоков Тильды шесть новых блоков в категориях «Меню», «Плитка и ссылка» и «Подвал»:

ME303A. Универсальное меню с логотипом слева над пунктами меню
ME601A. Меню второго уровня в несколько колонок с иконками и описанием
ME606. Меню в виде табов
ME503. Меню для мобильной версии, зафиксированное снизу экрана
TE605. Карточки с фоновым изображением
FT305. Панель с логотипом, текстом, ссылками в 3 или 4 ряда и иконки соцсетей

Рассказываем подробно о новых блоках и показываем, как они выглядят.
Блок ME303A. Универсальное меню с логотипом слева над пунктами меню.
ME303A — универсальное меню с разделителем. В верхней части можно разместить логотип, номер телефона и кнопку, а в нижней — пункты меню. Разделение позволяет добавить в шапку сайта много информации, но не усложнить навигацию — пункты меню останутся на виду.

В настройках блока можно изменить расстояние между пунктами меню, задать положение разделителя над или под пунктами, настроить типографику и другое.

Также в блоке есть гибкая настройка мобильного меню: можно выбрать цвет фона, цвет иконки гамбургера и расположение логотипа.
Блок ME601A. Меню второго уровня в несколько колонок с иконками и описанием.
Расширенное меню второго уровня подойдёт, когда простого перечисления подпунктов недостаточно. Описания и иконки помогут сделать навигацию более интуитивной для пользователей.

Подпункты можно разместить в 1−4 колонки и настроить для них общий заголовок и описание. Иконки можно использовать из библиотеки Тильды или загружать свои. Также можно настроить стиль меню и задать для него нужную ширину в пикселях.

Работать с блоком несложно: пункты меню задаются с помощью карточек и автоматически распределяются по колонкам в зависимости от их количества.
Блок ME606. Меню в виде табов
Объёмное меню в виде табов подойдёт для создания меню второго уровня или наглядной навигации между большим количеством разделов.

В настройках блока можно задать ширину, изменить отступ от края или ориентирование — по центру или по левому краю. Для меню можно выбрать один из трёх размеров: уменьшенный, стандартный, большой.

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

Блок визуально похож на ME602 и ME603, но используется для других целей. Если вам нужны «табы», чтобы показывать или скрывать контент, переключая вкладки, используйте блоки ME602 и ME603.
Блок ME503. Меню для мобильной версии, зафиксированное снизу экрана
ME503 — особое меню для мобильных устройств, по умолчанию оно отображается на разрешениях меньше 640 px. При скролле меню всегда закреплено внизу экрана, чтобы облегчить и ускорить навигацию по разделам сайта. В настройках блока можно отключить показ меню при скролле страницы наверх.

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

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

Для каждого пункта меню можно добавить иконки из библиотеки Тильды или использовать свои. Также можно настроить прозрачность пунктов — всех или только активного.
Блок TE605 из категории «Плитка и ссылка». Карточки с фоновым изображением
Блок позволяет добавить аккуратную сетку из карточек с изображениями, названием плитки, стрелкой вправо и описанием. В мобильной версии сайта карточки можно показать в один ряд и переключать по свайпу. Блок можно использовать для блога, портфолио и любой другой навигации по страницам.

В настройках блока есть три варианта для ширины: 12 колонок, 100% или 100% с отступами в 40 px по бокам. Сделать блок ярче поможет фильтр для фона: для него можно выбрать цвет и прозрачность. У карточек настраивается соотношение сторон и параметры тени, а для стрелки можно выбрать один из четырёх стилей или совсем отключить её отображение.
Блок FT305 из категории «Подвал». Панель с логотипом, текстом, ссылками в 3 или 4 ряда и иконки соцсетей
Подвал или футер поможет создать карту сайта и упростить навигацию между разделами и страницами.

Новый блок подойдёт для размещения большого количества ссылок. Заголовки в нём можно добавить в 3-4 колонки.

Слева в блоке можно добавить логотип, а ниже — небольшой текст о компании или копирайт. Справа добавьте иконки для социальных сетей, и удобная навигация в футере готова.
Читайте также
Новая функция, которая позволит отслеживать ошибки интеграций
Разработчики платежных систем могут интегрировать сервис для приёма платежей самостоятельно
Made on
Tilda