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