Как сделать меню в тильде
Перейти к содержимому

Как сделать меню в тильде

  • автор:

Меню в Zero block на Тильда

Необходимо разместить блок T123 из раздела «Другое» и добавить туда код:

     .fixed < position: fixed; top: 0; width: 100%; transition: transform 250ms linear; /* время появления/исчезновения меню — 250 мс */ z-index: 998; >.pinned < transform: translateY(0%) >.unpinned 

Чтобы фиксация к окну браузера заработала с вашим Zero блоком, вам указать ID вашего блока.

Посмотреть ID блока можно прокрутив в самый низ в «Настройках» блока.
( new ) Вы можете скачать и установить расширение, которое поможет найти id блока ещё быстрее.

Как добавить одно меню на все страницы?

Чтобы сделать меню сразу для всех страниц проекта (сайта), создайте пустую страницу, добавьте на нее блок меню и настройте его.

Затем перейдите в Настройки сайта → на вкладку «Шапка и подвал» → назначьте эту страницу как Header → сохраните изменения. Нажмите «Опубликовать все страницы» на странице проекта, это установит меню на все страницы.

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

Подробнее об этой опции можно прочитать в инструкции Как сделать меню сразу для всех страниц.

Похожие вопросы
  • Как добавить вкладки и переключать блоки?
  • Как добавить меню второго уровня (многоуровневое меню)?
  • Как сделать, чтобы одно меню накладывалось на первый блок, а второе появлялось при скролле?
  • Как создать меню вида «хлебные крошки»?
  • Какие блоки меню фиксируются на мобильных?

Как добавить меню второго уровня (многоуровневое меню)?

Чтобы сделать меню второго уровня, добавьте на страницу блок МЕ301 (или любое другое основное меню) и настройте его.

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

Вариант 1. Использование встроенных элементов

  1. Под списком пунктов меню нажмите на кнопку «Добавить пункты второго уровня» — напротив пунктов меню появятся иконки в виде знака «+».
  2. Нажмите на «+» для добавления пункта подменю
  3. Укажите название пункта и ссылку

Вариант 2. Использование блоков ME601, ME601A, ME601B

Блоки ME601, ME601A, ME601B позволяют добавить подразделы к пунктам основного меню. Как это работает:

  1. Добавьте на страницу подходящий блок меню второго уровня.
  2. В блоке меню второго уровня пропишите ссылку вида #submenu:more
  3. В основном меню в поле ссылка, напротив пункта, к которому вы хотите сделать подразделы, укажите #submenu:more.

Примечание: «#submenu:more» может быть любым словом, например: #submenu:portfolio или #submenu:aboutus

Пункты меню второго уровня будут показываться при наведении в формате выпадающего меню. В мобильных версиях меню будет открываться по тапу.

Сам пункт основного меню кликабельным не будет. Если нужно чтобы на нем была ссылка, продублируете этот пункт в выпадающем меню.

Блок ME601B поддерживает создание меню третьего уровня.

Похожие вопросы
  • Как добавить вкладки и переключать блоки?
  • Как сделать, чтобы одно меню накладывалось на первый блок, а второе появлялось при скролле?
  • Как добавить одно меню на все страницы?
  • Как создать меню вида «хлебные крошки»?
  • Какие блоки меню фиксируются на мобильных?

Меню на Тильде в Zeroblock

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

HTML-код фиксированного меню

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *