Техническое задание: Галерея товара с каруселью

Цель проекта

Улучшить пользовательский опыт на страницах товаров интернет-магазина за счет внедрения современной и удобной визуальной галереи, позволяющей детально рассмотреть продукт.

Основные задачи

• Интеграция в существующий проект: Работа ведется на действующем сайте, построенном на CMS 1С-Битрикс.
• Функционал массовой загрузки: В административной панели товара необходимо добавить возможность загружать несколько изображений одновременно (пакетная загрузка).
• Фронтенд-галерея: На публичной части страницы товара реализовать адаптивную карусель для отображения загруженных изображений.
• Эталонный пример: Визуальное и функциональное исполнение должно быть аналогично галереям, используемым на ведущих отраслевых сайтах (пример функционала и UI предоставлен заказчиком).

Требования к функционалу

Для администратора (бэкенд)

• Возможность загружать несколько файлов изображений за один раз в карточку товара.
• Управление порядком отображения фотографий в галерее (сортировка).
• Интуитивно понятный интерфейс управления галереей в стандартной админ-панели Битрикс.

Для пользователя (фронтенд)

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

Технические детали

• Интеграция должна быть выполнена аккуратно, без нарушения существующей функциональности сайта.
• Код должен быть чистым, комментированным и соответствовать стандартам разработки под 1С-Битрикс.
• Галерея должна корректно работать в современных браузерах (Chrome, Firefox, Safari, Edge).