Техническое задание: Галерея товара с каруселью
Цель проекта
Улучшить пользовательский опыт на страницах товаров интернет-магазина за счет внедрения современной и удобной визуальной галереи, позволяющей детально рассмотреть продукт.
Основные задачи
- Интеграция в существующий проект: Работа ведется на действующем сайте, построенном на CMS 1С-Битрикс.
- Функционал массовой загрузки: В административной панели товара необходимо добавить возможность загружать несколько изображений одновременно (пакетная загрузка).
- Фронтенд-галерея: На публичной части страницы товара реализовать адаптивную карусель для отображения загруженных изображений.
- Эталонный пример: Визуальное и функциональное исполнение должно быть аналогично галереям, используемым на ведущих отраслевых сайтах (пример функционала и UI предоставлен заказчиком).
Требования к функционалу
Для администратора (бэкенд)
- Возможность загружать несколько файлов изображений за один раз в карточку товара.
- Управление порядком отображения фотографий в галерее (сортировка).
- Интуитивно понятный интерфейс управления галереей в стандартной админ-панели Битрикс.
Для пользователя (фронтенд)
- Адаптивная карусель, корректно отображающаяся на всех типах устройств (ПК, планшет, смартфон).
- Возможность просмотра изображений в полноэкранном режиме (лупа).
- Плавная анимация переключения между фотографиями.
- Навигационные элементы (стрелки, точки-индикаторы, превью).
- Высокая скорость загрузки и оптимизация изображений для веба.
Технические детали
- Интеграция должна быть выполнена аккуратно, без нарушения существующей функциональности сайта.
- Код должен быть чистым, комментированным и соответствовать стандартам разработки под 1С-Битрикс.
- Галерея должна корректно работать в современных браузерах (Chrome, Firefox, Safari, Edge).