Техническое задание: Внедрение текстового блока на Тильду
Цель проекта
Интегрировать объемную текстовую статью в существующий лендинг, созданный на конструкторе Тильда, с сохранением всей исходной HTML-разметки и добавлением интерактивного элемента для улучшения пользовательского опыта.
Исходные данные
- Готовая статья, оформленная с использованием HTML-тегов (заголовки, абзацы, списки, таблицы).
- Действующий лендинг на платформе Тильда.
Основные требования
1. Создание и настройка блока
- На странице лендинга необходимо создать новый текстовый блок (или использовать соответствующий существующий элемент).
- В этот блок требуется корректно вставить предоставленный HTML-код статьи, чтобы все элементы (заголовки, списки, таблицы) отображались правильно.
2. Реализация интерактивной функции «Раскрытие контента»
- Изначально на странице должен отображаться только первый значительный фрагмент статьи (например, первый абзац или блок до определенного места).
- Под этим фрагментом должна быть размещена кликабельная кнопка с текстом «Показать еще», «Читать далее» или аналогичным.
- При клике пользователя на эту кнопку оставшаяся часть статьи должна плавно или мгновенно раскрываться прямо на странице.
- После раскрытия кнопка может скрываться или менять текст на «Свернуть» (опционально).
3. Критерии качества
- Внешний вид и форматирование статьи должны полностью соответствовать исходному HTML-коду.
- Функция раскрытия/сворачивания должна работать стабильно и без ошибок.
- Внедренный блок должен корректно отображаться на всех типах устройств (десктоп, планшет, мобильный).
- Решение должно быть реализовано в рамках возможностей платформы Тильда (с использованием Zero-блоков, HTML-кода, пользовательских CSS/JS или иных штатных средств).