Test Sticky Bar

📝 О шаблоне Sticky Bar

Шаблон "Sticky Bar" предназначен для показа важных уведомлений, промо-акций или призывов к действию, которые должны оставаться видимыми пользователю во время навигации по сайту.

✨ Особенности:

Фиксированное позиционирование сверху или снизу экрана
Плавная анимация появления и скрытия
Адаптивный дизайн для мобильных устройств
Поддержка всех тем оформления
Возможность закрытия пользователем

🎯 Примеры использования:

Уведомления о важных изменениях
Промо-акции и скидки
Cookie notices
Призывы к подписке на рассылку
Объявления о новых функциях

🔄 Контент для скролла

Этот блок добавлен для демонстрации того, как липкая панель ведет себя при скролле страницы. Панель должна оставаться на своем месте независимо от позиции скролла.

📱 Мобильная адаптация

На мобильных устройствах липкая панель автоматически адаптируется - контент переносится в колонку для лучшей читаемости, а кнопка закрытия остается доступной.

🎨 Темы оформления

Sticky Bar поддерживает все темы NHLeads: светлую, темную, зеленую и стеклянную. Каждая тема адаптирована для обеспечения хорошей читаемости и эстетичного внешнего вида.

⚡ Производительность

Шаблон оптимизирован для производительности и не влияет на скорость загрузки или работы сайта. Все анимации выполняются аппаратно ускоренными CSS-трансформами.

🔧 Настройка

Настройка липкой панели максимально проста - достаточно указать позицию (top/bottom) и выбрать подходящую тему. Все остальные параметры (заголовок, текст, кнопка) настраиваются стандартным образом.

📌 Sticky Bar Test

🚀 Демонстрация Sticky Bar

📌 Верхняя панель

📍 Нижняя панель

🌿 Зеленая тема

🌙 Темная тема

✨ Стеклянная тема

🎉 Промо-акция