Как сделать меню второго уровня из Zeroblock?
Этот скрипт позволит тебе сделать меню второго уровня из зероблок для удобной навигации и по твоему дизайну. Пример работы модификации внизу cтраницы
1 мин.
JavaScript
Zeroblock
Обновление от 31.12.23 - В слайдер были добавлены новые поля, а также recid теперь нужно писать без приставки "#rec", поэтому если вдруг что-то не работает, то см. видео, а также текстовую инструкцию ниже↓
!
1. Создай на странице зероблок с основным своим меню и зафиксируй его стандартными настройками в зеро в разделе position and overflow
2. Создай на странице второй зероблок с второстепенным меню, которое должно выезжать из под основного по клику на твою кнопку и задай ему такие же настройки в position and overflow кроме z-index. В z-index вычти 1 от значения главного меню
3. Помести блок с второстепенным меню вниз страницы и укажи его ID в генераторе
4. Создай любую ссылку\кнопку по клику на которую должно открываться второстепенное меню и задай ей ссылку с # в начале, например
2. Создай на странице второй зероблок с второстепенным меню, которое должно выезжать из под основного по клику на твою кнопку и задай ему такие же настройки в position and overflow кроме z-index. В z-index вычти 1 от значения главного меню
3. Помести блок с второстепенным меню вниз страницы и укажи его ID в генераторе
4. Создай любую ссылку\кнопку по клику на которую должно открываться второстепенное меню и задай ей ссылку с # в начале, например
Инструкция
Важно!
- Обрати внимание что параметры нужно указывать прямо как написано для ориентира полупрозрачным. Именно в таком формате ожидает ввода генератор
(Развернуть)
Скопировать
#second
undefined
undefined
5. Укажи эту ссылку в генератор кода и выбери все соответствующие нужные тебе настройки
6. Скопируй код и вставь в блок т123 на странице
6. Скопируй код и вставь в блок т123 на странице
Скопировать код
Отчистить поля
Этот мод доступен по подписке
0
299
₽
₽
Voron Free
Voron Pro
всего за
/ мес.
Доступны все модификации за пару кликов
Просмотр используемых блоков и их настроек на любом сайте на Tilda, в том числе step-by-step анимаций
CSS Helper – возможность генерировать CSS без знания кода
Удобная подсветка кода + перенос строк в блоках т123 для удобства редактирования кода
Техническая поддержка в Telegram
Никаких автоплатежей
Только базовые функции
299 ₽
Доступ к 11 бесплатным модификациям
Сетка и колонки для всего проекта (zero, стандартные блоки)
Темная тема для Tilda Publishing
Отображение всех используемых блоков в боковом меню
123
Чтобы увидеть пример меню второго уровня просто нажми на этой страничке в меню сверху на кнопку "меню", которую я подсветил зеленым
Пример работы модификации
Опиши нужный функционал через эту форму и он будет добавлен!
Нажимая "Отправить", вы даете согласие на обработку персональных данных в соответствии с Политикой конфиденциальности
Не хватает какой-то функции?
Zero Block
Это меню второго уровня из зероблока в которое ты можешь добавить всё что угодно!