Техническое задание: Интеграция верстки в Opencart

Цель проекта

Выполнить полную интеграцию предоставленной готовой HTML/CSS/JS верстки в действующий интернет-магазин на базе CMS Opencart. В результате сайт должен полностью соответствовать макету по дизайну и сохранить всю штатную функциональность движка.

Исходные материалы

Полный пакет файлов готовой адаптивной верстки (HTML, CSS, JavaScript, изображения, шрифты).
Детальное техническое задание с описанием всех элементов и требований.
Доступ к административной панели сайта.

Основные задачи и требования

1. Подготовка и настройка

Анализ предоставленной верстки и ТЗ.
Проверка корректности отображения верстки на всех основных разрешениях (десктоп, планшет, мобильные устройства).

2. Интеграция в Opencart

Адаптация HTML-структуры под шаблонную систему Opencart.
Внедрение CSS-стилей и JavaScript-скриптов без конфликтов с существующими.
Корректное подключение всех ресурсов (шрифты, иконки, изображения).
Обеспечение полной работоспособности всех интерактивных элементов (слайдеры, меню, формы, модальные окна).

3. Связь с функционалом магазина

Интеграция верстки страниц каталога, карточки товара, корзины, оформления заказа, статических страниц.
Сохранение и корректная работа всех стандартных модулей Opencart (поиск, фильтры, валюта, язык и т.д.).
Адаптация верстки под вывод динамического контента (товары, категории, статьи).

4. Контроль качества

Кроссбраузерное тестирование (Chrome, Firefox, Safari, Edge).
Проверка адаптивности и скорости загрузки страниц.
Отсутствие ошибок в консоли разработчика.
Соответствие итогового результата предоставленному макету и ТЗ.

Ожидаемый результат

Полностью рабочий интернет-магазин на Opencart с индивидуальным дизайном, соответствующим предоставленной верстке. Все страницы должны корректно отображаться, а функциональные элементы - работать.

код на javascript