Задача: Создание адаптивной HTML/CSS/JS верстки детальной страницы товара на основе PSD-макетов для последующего использования на сайте под управлением 1С-Битрикс.
PSD-макеты: Desktop, Tablet, Mobile.
Список блоков для верстки: Хлебные крошки Название товара (H1) Галерея (основное фото + карусель превью) Цена Кнопка «Добавить в корзину» (состояния: обычная, наведение, добавлено) Информация о доставке Текстовый блок «Комплектация» Таблица «Характеристики» (на мобильных — горизонтальный скролл) Текстовое «Описание» Блок «Похожие товары» (сетка/слайдер)
Технические требования Адаптивность: соответствие всем макетам. Кроссбраузерность: Chrome, Firefox, Safari, Edge (последние 2 версии). Поддержка IE11 не требуется. Интерактивность: Работа карусели галереи, состояние кнопки корзины. Особенность: Таблица характеристик на мобильных должна прокручиваться по горизонтали.
Требования для Битрикс (ключевое) Верстка должна быть выполнена с учётом типовой структуры компонентов 1С-Битрикс, чтобы её мог без значительных доработок интегрировать в шаблон backend-разработчик. Это подразумевает: Сохранение основных структурных классов, которые использует CMS. Подготовку вёрстки динамических блоков (галерея, свойства товара) для последующей «настройки» стандартными компонентами.
Ожидаемый результат: Адаптивная HTML/CSS/JS вёрстка. Стили и скрипты в отдельных файлах. Оптимизированные графические элементы. Верстка проверена на соответствие макетам.
