Что умеет
Плагин добавляет в Elementor настройки «липкой» шапки: она остаётся на экране при прокрутке и меняет вид в зависимости от положения страницы. Всё делается в панели Elementor, без CSS и JavaScript.
Основные эффекты:
- Закрепление шапки и меню при прокрутке.
- Прозрачная шапка поверх первого экрана, которая становится сплошной после прокрутки.
- Уменьшение высоты шапки (shrink) и смена логотипа.
- Размытие фона, смена цвета и скрытие шапки при прокрутке вниз с возвратом при движении вверх.
- Порог срабатывания и поведение отдельно для десктопа, планшета и телефона.
Скрипты загружаются только там, где эффект включён, поэтому на остальных страницах лишнего кода нет.
Установка и настройка
- Убедитесь, что установлен Elementor (бесплатной версии достаточно).
- Установите и активируйте плагин.
- Откройте страницу или шаблон шапки в Elementor, выберите контейнер или секцию шапки и перейдите на вкладку «Дополнительно».
- Включите нужный эффект и задайте параметры для каждого устройства.
Шапку лучше собирать в шаблоне через Theme Builder или в конструкторе верхних и нижних колонтитулов, чтобы эффекты применялись ко всему сайту сразу.
Подводные камни
- Эффект «shrink» не срабатывает. Шапка не может стать меньше своего содержимого: логотипа, меню и отступов секции, колонки и виджетов. Обнулите верхний и нижний padding у секции и колонки и уменьшите размер логотипа.
- Конфликт со встроенным sticky Elementor Pro. Если у шапки уже включено штатное закрепление, не включайте второе: поведение станет непредсказуемым.
- Темы с собственным закреплением. Отключите sticky-меню в настройках темы или другого плагина.
- Кэш и оптимизация JS. После включения проверьте шапку при включённом кэшировании и минификации скриптов.
- Платные функции. Какие эффекты входят в Pro, уточните на странице плагина, прежде чем строить на них дизайн.
Кому подойдёт
Тем, кто собирает сайт на бесплатном Elementor и хочет современную липкую шапку без кода. Если нужен более широкий набор виджетов, смотрите Essential Addons for Elementor и Ultimate Addons for Elementor, а базовый конструктор описан в обзоре Elementor.
