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 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Шаг 3
Остались вопросы?
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Возобновите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Копировать код
Шаг 3
Остались вопросы?
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Оплатите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.