Техническое задание

Цель

Реализовать липкий рекламный блок (Sticky in-article ad / Fixed in-content ad) для сайта, созданного на платформе Tilda. Блок размещается между абзацами контента и фиксируется при прокрутке страницы, оставаясь видимым, но не перекрывая текст и другие элементы сайта.

Функциональные требования

• Блок появляется внутри текста статьи, между параграфами.
• При скролле страницы блок фиксируется и двигается вместе с контентом, не выходя за пределы статьи.
• При достижении конца статьи блок останавливается и не наезжает на футер.
• Фиксация начинается только после того, как блок попал в зону видимости пользователя.
• Блок не конфликтует со стандартными блоками и ленивой загрузкой (lazy load) Tilda.

Реализация

Блок должен быть сверстан с использованием Zero Block + HTML, CSS и JavaScript. Допустимо любое стабильное решение, совместимое с платформой Tilda.

Внешний вид

• Настройка размеров, отступов, цвета фона, рамки и тени.
• Внутри блока может быть изображение, текст, баннер, опционально кнопка.
• Полная адаптивность: настольные компьютеры, планшеты, мобильные телефоны (мобильную версию можно упростить или согласовать отключение).

Результат

Рабочий пример на странице Tilda. Контент блока (изображение, текст) должен редактироваться через стандартный интерфейс Tilda (Zero Block). В комплекте предоставить краткую инструкцию для управления блоком.

Важно

Приоритет: стабильность работы и отсутствие ошибок на всех устройствах. Опыт работы с Tilda и знание терминов Sticky ad / In-article banner является преимуществом.