NLM009 • Время настройки: 2 минуты
Фиксированное меню из Zero Block на Тильде?
Модификация может зафиксировать меню из Зеро блока на экране с выбором стороны фиксации сверху или снизу, но ещё поможет зафиксировать любые элементы на странице, сделав из них свои кнопки «Call-to-action».
Она работает в связке с другими нашими решениями, чтобы вы могли пройти весь путь от макета до запуска сайта, не привлекая разработчиков.
Эта модификация — часть системы инструментов для работы с Тильдой
Перенесите макет в Тильду за 10 минут
Начните работу правильно: экспортируйте дизайн из Figma сразу с адаптацией и авто-лейаутом. Вы получаете идеальный фундамент для дальнейшей настройки, не тратя часы на переверстку вручную.
Начните работу правильно: экспортируйте дизайн из Figma сразу с адаптацией и авто-лейаутом. Вы получаете идеальный фундамент для дальнейшей настройки, не тратя часы на переверстку вручную.
Плагин для Figma
AI-ассистент
Генератор CSS-стилей
Модификации
Расширение для Тильды
Работайте с модификациями внутри привычного редактора Тильды
Макет перенесен? Библиотека модификаций и продвинутые инструменты для верстки теперь встроены в интерфейс. Открываете редактор, и всё под рукой.
Макет перенесен? Библиотека модификаций и продвинутые инструменты для верстки теперь встроены в интерфейс. Открываете редактор, и всё под рукой.
Ваш персональный AI-ассистент для Тильды
Остались нестандартные задачи? Попросите нейросеть написать уникальный скрипт, поправить анимацию или сгенерировать контент. Идеальный штрих для сдачи проекта без компромиссов.
Остались нестандартные задачи? Попросите нейросеть написать уникальный скрипт, поправить анимацию или сгенерировать контент. Идеальный штрих для сдачи проекта без компромиссов.
Стандартные блоки Tilda не вписываются в дизайн?
Генератор стилей перекрасит элементы и поля, добавит тени, отступы или скругления — без написания кода.
Генератор стилей перекрасит элементы и поля, добавит тени, отступы или скругления — без написания кода.
Добавьте уникальные функции в один клик
База готова — время оживить проект. Выбирайте из 200+ готовых решений (слайдеры, формы, эффекты), которые легко «надеваются» на ваши блоки через интерфейс Расширения.
База готова — время оживить проект. Выбирайте из 200+ готовых решений (слайдеры, формы, эффекты), которые легко «надеваются» на ваши блоки через интерфейс Расширения.
Установи ее в один клик прямо внутри Тильды — без копирования кода. Плюс еще 200 модификаций, инструменты для Zero Block и генератор CSS-стилей в привычном интерфейсе
Эта модификация есть в нашем расширении
4,7•20 000+ пользователей
Chrome Web Store•1,32 MB• бесплатно
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Вставка кода > Подключить jQuery на страницах сайта.
Посмотрите, как будет выглядеть модификация на вашем сайте.
Дизайн настраиваете сами — наша модификация добавит нужный эффект.
Вы можете зафиксировать меню, как на странице выше ↑, или добавить любые фиксированные элементы и кнопки в углу экрана ↘.
Эту модификацию обычно комбинируют с другими
Можно добавить интерактивный фиксированный элемент ↓
Смотрите, как быстро установить модификацию
Инструкция
Вариант #1 «Меню всегда зафиксировано на экране»
1. Создаёшь своё меню в Zero block. Если в нем есть элементы, которые должны "вылазить" за края высоты Zero block, изучи функцию Overflow;
Установи значение overflow - visible
2. В генератор вставляешь id Zero block;
3. Настраиваешь показ на мобильных устройствах;
4. Выбираешь фиксацию: сверху или снизу;
5. Появление при прокрутке от начала страницы оставляешь 0;
6. Добавляешь блок Т123 и вставляешь в него сгенерированный HTML код.
Вариант #2 «Меню появляется через какое то количество пикселей»
1. Повторяешь шаги из Варианта#1 c 1 по 4;
2. Указываешь нужное количество пикселей, после которых появится меню;
3. Если нужно добавить появление через n пикселей, указываем число пикселей. Если нет - оставляем пустым или 0;
4. Добавляешь блок Т123 и вставляешь в него сгенерированный HTML код.
Имей в виду: в случае если выбрал фиксацию меню снизу, а на сайте есть внизу плашка "Made on Tilda", меню будет автоматически скрываться.
Это сделано для того, что бы не нарушать пользовательское соглашение Тильды, где вкратце говорится о запрете скрытия лейбла любыми способами. Официально ее можно убрать оплатив любой из предложенных тарифов на год.
1. Создаёшь своё меню в Zero block. Если в нем есть элементы, которые должны "вылазить" за края высоты Zero block, изучи функцию Overflow;
Установи значение overflow - visible
2. В генератор вставляешь id Zero block;
3. Настраиваешь показ на мобильных устройствах;
4. Выбираешь фиксацию: сверху или снизу;
5. Появление при прокрутке от начала страницы оставляешь 0;
6. Добавляешь блок Т123 и вставляешь в него сгенерированный HTML код.
Вариант #2 «Меню появляется через какое то количество пикселей»
1. Повторяешь шаги из Варианта#1 c 1 по 4;
2. Указываешь нужное количество пикселей, после которых появится меню;
3. Если нужно добавить появление через n пикселей, указываем число пикселей. Если нет - оставляем пустым или 0;
4. Добавляешь блок Т123 и вставляешь в него сгенерированный HTML код.
Имей в виду: в случае если выбрал фиксацию меню снизу, а на сайте есть внизу плашка "Made on Tilda", меню будет автоматически скрываться.
Это сделано для того, что бы не нарушать пользовательское соглашение Тильды, где вкратце говорится о запрете скрытия лейбла любыми способами. Официально ее можно убрать оплатив любой из предложенных тарифов на год.
- Подробнее тут
Сгенерируйте код для своего сайта
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Фиксированное меню из Zero Block — навигация, которая остаётся под рукой
Стандартное меню в Тильде можно закрепить штатными настройками, но с меню из Zero Block всё сложнее. Если ты собрал свою шапку с нестандартной сеткой, кнопками, иконками, плашками или промо-элементами, её нужно фиксировать отдельно.
Модификация NLM009 от Nolim закрепляет Zero Block сверху или снизу экрана. Так можно сделать фиксированное меню, нижнюю панель, кнопку, баннер, промо-плашку или любой другой элемент, который должен оставаться видимым при прокрутке.
Модификация NLM009 от Nolim закрепляет Zero Block сверху или снизу экрана. Так можно сделать фиксированное меню, нижнюю панель, кнопку, баннер, промо-плашку или любой другой элемент, который должен оставаться видимым при прокрутке.
Как установить за 2 минуты
Сначала собери меню или нужный элемент в Zero Block. Если внутри есть элементы, которые выходят за границы блока, включи для него overflow visible, чтобы они не обрезались.
Затем открой генератор на странице модификации, укажи ID Zero Block, выбери сторону фиксации — сверху или снизу — и настрой показ на мобильных устройствах. Если меню должно появляться не сразу, а после прокрутки, укажи количество пикселей. Готовый код вставь в блок T123 и опубликуй страницу.
Затем открой генератор на странице модификации, укажи ID Zero Block, выбери сторону фиксации — сверху или снизу — и настрой показ на мобильных устройствах. Если меню должно появляться не сразу, а после прокрутки, укажи количество пикселей. Готовый код вставь в блок T123 и опубликуй страницу.
Где использовать фиксированное меню
Фиксированное меню удобно на длинных лендингах, страницах курсов, каталогах, промо-страницах, сайтах мероприятий и многоэкранных презентациях. Пользователь может в любой момент перейти к программе, тарифам, FAQ, форме заявки или нужному разделу, не возвращаясь наверх.
Меню из Zero Block особенно полезно, если стандартные ME-блоки Тильды не подходят по дизайну. В Zero Block можно собрать свою структуру: добавить логотип, кнопку, иконки, переключатели, бейдж, телефон, промо-текст или любую нестандартную композицию.
Меню из Zero Block особенно полезно, если стандартные ME-блоки Тильды не подходят по дизайну. В Zero Block можно собрать свою структуру: добавить логотип, кнопку, иконки, переключатели, бейдж, телефон, промо-текст или любую нестандартную композицию.
Чем фиксированное меню отличается от обычной шапки
Обычная шапка остаётся в начале страницы. Фиксированное меню сопровождает пользователя во время скролла и работает как постоянная навигация. Это снижает лишние действия: не нужно прокручивать страницу назад, чтобы перейти к нужному разделу.
При этом важно не перегружать меню. Если закрепить слишком высокий блок, он начнёт забирать полезное пространство экрана, особенно на ноутбуках и телефонах. Для фиксированного меню лучше оставить только главное: логотип, 3−5 пунктов, одну кнопку или компактный контакт.
При этом важно не перегружать меню. Если закрепить слишком высокий блок, он начнёт забирать полезное пространство экрана, особенно на ноутбуках и телефонах. Для фиксированного меню лучше оставить только главное: логотип, 3−5 пунктов, одну кнопку или компактный контакт.
Что важно учесть при фиксации снизу
Если меню фиксируется снизу, проверь, не перекрывает ли оно контент, кнопки, формы и системные элементы Тильды. На страницах с бейджем Made on Tilda нижний фиксированный блок может скрываться автоматически, чтобы не нарушать правила платформы.
Для мобильной версии нижняя фиксация часто удобна: кнопки находятся ближе к пальцу, а навигация остаётся доступной без лишнего скролла. Но высоту такого блока лучше делать небольшой, чтобы он не мешал читать страницу.
Для мобильной версии нижняя фиксация часто удобна: кнопки находятся ближе к пальцу, а навигация остаётся доступной без лишнего скролла. Но высоту такого блока лучше делать небольшой, чтобы он не мешал читать страницу.
Что проверить после публикации
Проверь меню на десктопе, ноутбуке, планшете и телефоне. Оно должно оставаться поверх нужных блоков, не перекрывать важный текст, не конфликтовать с попапами и не ломать клики по кнопкам.
Если фиксированный Zero Block закрывает начало следующего блока, добавь отступ у контента или уменьши высоту меню. Хорошая фиксация должна помогать навигации, а не создавать ощущение, что часть страницы постоянно перекрыта.
Если фиксированный Zero Block закрывает начало следующего блока, добавь отступ у контента или уменьши высоту меню. Хорошая фиксация должна помогать навигации, а не создавать ощущение, что часть страницы постоянно перекрыта.
Популярные решения для вашего сайта
Не нашли нужное решение?
Часто задаваемые вопросы
В генераторе на nolim.cc/fixed-zero-block укажи ID Zero Block, который нужно зафиксировать. Выбери позицию (сверху, снизу, угол экрана) и отступы. Скопируй код и вставь в блок «HTML-код». После публикации блок будет оставаться на месте при прокрутке страницы.
Стандартное фиксированное меню Tilda (ME-блоки) имеет ограниченный дизайн. Фиксированный Zero Block — это полноценный Zero Block с любым дизайном, который ты верстаешь сам. Можно зафиксировать не только меню, но и кнопку CTA, блок с контактами, промо-баннер или любой другой элемент.
Это настраивается через отступы и z-index в генераторе. Ты задаёшь высоту фиксированного блока, и страница автоматически получает соответствующий padding-top, чтобы контент не прятался за фиксированным элементом. Но это нужно проверить на своём проекте — у каждого сайта свои особенности.
Было: на длинном лендинге меню оставалось только в первом экране — пользователям приходилось прокручивать страницу вверх, чтобы перейти к программе, тарифам или форме заявки.
Стало: через модификацию Nolim закрепили меню из Zero Block сверху экрана. За 2 недели клики по пунктам меню выросли на 42%, а переходы к тарифам и форме заявки — на 31%, потому что навигация оставалась доступной во время всей прокрутки.
Стало: через модификацию Nolim закрепили меню из Zero Block сверху экрана. За 2 недели клики по пунктам меню выросли на 42%, а переходы к тарифам и форме заявки — на 31%, потому что навигация оставалась доступной во время всей прокрутки.