Меню в Tilda: Zero Block, фиксация и Atelier

Хорошее меню отвечает на два вопроса: где находится посетитель и куда ему идти дальше. Анимация и форма шапки вторичны. Сравним три способа собрать навигацию в Tilda, разберём фиксацию при прокрутке и посмотрим, когда уместен конструктор полноэкранного меню Atelier.

Стандартный блок меню подходит, если его компоновка и поведение решают вашу задачу. Это удобная отправная точка для обычного лендинга: ссылки и внешний вид настраиваются средствами Tilda.

Zero Block нужен, когда важна собственная композиция: необычное расположение логотипа, кнопок и сервисных элементов. Для закрепления такого блока в Tilda есть штатная настройка Position → Fixed. Само по себе фиксированное меню не требует отдельного мода.

Конструктор Atelier предназначен для шапки с раскрывающимся меню и настраиваемым движением. Это отдельное готовое решение для вайб-блока; оно не превращает произвольную нарисованную шапку Zero в полноэкранную навигацию.

Оставьте на первом уровне основные задачи посетителя. Для сайта услуг это могут быть работы, услуги и контакты; для магазина — разделы каталога. Используйте короткие различимые названия, а подробности переносите в подразделы.

В Atelier источником пунктов могут быть ручные ссылки, каталог или потоки. Для ручного списка заполните реальные адреса. Для подключённого источника проверьте проект, состав разделов и опубликованность нужных материалов.

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

Различайте обычное размещение, sticky, fixed и закрепление после порога. В Atelier предусмотрены эти варианты, а для закреплённой шапки — настройки скрытия при прокрутке. Выбирайте поведение, которое оставляет доступ к навигации и не закрывает содержание.

Проверьте первый экран: фиксированная шапка может перекрывать заголовок. Затем откройте якорную ссылку на середину страницы. Заголовок раздела должен оказаться ниже шапки, а не прятаться под ней.

Если вы используете штатное закрепление Zero Block, не добавляйте параллельно второй скрипт фиксации к тому же элементу. Для всей шапки нужен один понятный владелец положения и высоты.

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

Меню поддерживает работу с корзиной и избранным. Если используются штатные действия Tilda, проверьте наличие ST100 и ST110 на страницах, где они доступны. Внешняя кнопка сама по себе не создаёт эти блоки.

Если включаете поиск Atelier, активируйте внутренний поиск в настройках сайта Tilda и дождитесь его индексации. Он использует публичный поисковый индекс Tilda; отсутствие результатов нельзя исправить только цветом или размером поля.

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

Откройте самый узкий экран и самый длинный пункт. Ссылки должны переноситься или размещаться предусмотренным способом, а кнопка закрытия — оставаться доступной. Если пунктов больше высоты экрана, список должен прокручиваться.

Проверьте открытие и закрытие несколько раз, переход по внутренней ссылке и возврат назад. Отдельно проверьте клавиатуру: видимый фокус, доступ к пунктам и закрытию. Системное уменьшение движения не должно мешать пользоваться меню.

Для поиска на телефоне проверьте экран с открытой клавиатурой. Не располагайте единственную кнопку закрытия там, где её перекроет клавиатура или браузерная панель.

• Логотип ведёт на правильную главную страницу.
• Все разделы и кнопки открывают реальные адреса.
• Шапка не закрывает H1 и заголовки по якорным ссылкам.
• Меню работает после повторного открытия и изменения ширины экрана.
• Корзина и избранное открываются на каждой нужной странице.
• На телефоне доступны весь список, поиск и кнопка закрытия.

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