Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM015 ВРЕМЯ НАСТРОЙКИ: 3 МИНУТЫ

как сделать активный пункт меню в Зеро блоке?

С помощью нашей модификации ты можешь настроить определение страницы и выделять соответствующий пункт меню в Зеро блоке.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.
Инструкция (Развернуть↓)
1. Делаешь меню в зеро блоке;

2. Добавляешь свои пункты меню (можно кнопки, можно текст) и указываешь класс к ним такой же как и в генераторе (custommenuitem);

Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь тот же класс, что и в генераторе;

3. Вписываешь id нашего меню в генератор;

4. В генераторе прописываешь настройки для активного пункта и при наведении;

5. В поле Насыщенность (font-weight) числовые значения задают степень толщины шрифта от самого тонкого до самого толстого:

  • 100: Thin;
  • 200: Extra Light (Ultra Light);
  • 300: Light;
  • 400: Normal;
  • 500: Medium;
  • 600: Semi Bold (Demi Bold);
  • 700: Bold;
  • 800: Extra Bold (Ultra Bold);
  • 900: Black (Heavy).

6. В зеро блоке, где у нас меню, каждому пункту задаешь якорную ссылку либо id блока или ссылку на другую страницу;

7. Если на сайте предусмотрены уровни страниц, то для отображения активного пункта каждого уровня включите настройки — Включить поддержку вложенности

8. Если на сайте предусмотрено выделение активных пунктов при скролле включите настройку — Выделять промежуточные пункты меню

9. Добавь блок Т123 и вставь в него сгенерированный HTML код.

ВАЖНО:

  • Если указываешь в пунктах меню и ссылку, и id блока или якорную ссылку, то будет выделяться несколько пунктов одновременно. Советуем так не делать.
  • Модификация не отрабатывает ссылки вида «/#yakor», «/main#yakor», «www.site.сom/#yakor»
  • Обрати внимание, что якорные ссылки работают, только в формате «#rec123123» или «#yakor» т. е. id блока или блок с якорем.
  • Порядок пунктов меню в слоях зеро блока должен быть поочередным, если вы их используете якорные ссылки. Если что-то не работает с ними, пересоздайте их поочередно от первого к последнему.
Активный пункт меню:
При наведении:
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1