Интеграция 3D-фото в карточку товара


Реализовали возможность отображения 3D-фото товаров в карточке товара вместе с обычными фотографиями.


3D-фото должны быть интегрированы в стандартную галерею изображений, чтобы клиент мог взаимодействовать с ними так же, как с обычными фотографиями.

Анализ требований

  • Определено, что 3D-фото хранятся на стороннем сервисе Cappasity, который предоставляет iframe-код для вставки.
  • Необходимо добавить в карточку товара поле для вставки iframe и настроить отображение 3D-фото в галерее
  • Уточнено, что 3D-фото должно быть первым в галерее, если оно загружено.

Добавление поля для 3D-фото в админ-панели InSales

  • Создано дополнительное поле “Foto-3D” для вставки iframe-кода, что позволяет владельцу магазина легко добавлять 3D-фото в карточки товаров через интерфейс.

Интеграция 3D-фото в галерею изображений

  • Настроено условие, при котором 3D-фото автоматически становится первым изображением в галерее.
  • Остальные изображения сохраняются и остаются доступны для просмотра.

Техническая оптимизация

  • Подключен плеер Cappasity, что позволило воспроизводить 3D-фото в карточке товара.
  • Убрана избыточная анимация и перелистывание фотографий, чтобы избежать случайного переключения.
  • Проведены тесты на корректность работы галереи, отображения 3D-фото и взаимодействия с фильтром.
  • Тестирование включало просмотр галереи на разных устройствах и браузерах.

В карточке товара теперь отображается 3D-фото наряду с обычными изображениями. Добавлено удобство для администратора магазина: возможность вставки iframe через стандартный редактор.

Свяжитесь с нами, и мы адаптируем функционал под ваши потребности! Тел. +7 812 24-110-34 или заполните форму:

Нужна индивидуальная разработка? Консультация бесплатно

Получите оценку стоимости в течение 30 минут!