Документация

Зачем нужен Alter Product

Alter Product — современное веб-приложение для интерактивной визуализации, настройки и персонализации товаров. Оно создано для компаний, занимающихся печатью по требованию, производителей персонализированной продукции, интернет-магазинов и авторов, которые хотят представлять товары в динамичной, полностью интерактивной 3D-среде.

Платформа объединяет следующие инструменты в единый процесс электронной торговли:

  • Designer — центральное рабочее пространство для определения вариантов, областей печати, товаров и параметров среды выполнения
  • Viewer — средство визуального представления 3D-товаров для интернет-магазинов
  • Configurator — конфигуратор вариантов и параметров 3D-товаров для интернет-магазинов (размеры, материалы, цвета и т. д.)
  • Customizer — расширенный инструмент дизайна для добавления изображений, текста, макетов и печатных элементов на товары
  • Генератор 3D-моделей – создание и настройка параметрических 3D-моделей на основе редактируемых выкроек, швов и размеров

Viewer, Configurator и Customizer можно встроить на сайт через iframe, настроить параметрами URL и подключить через защищённый обмен сообщениями postMessage.

Модуль Designer служит центральным уровнем управления: в нём определяются варианты, области печати и параметры среды выполнения. Viewer, Configurator и Customizer используют эти параметры и подготовленный в Designer дизайн для отображения интерфейса магазина; само рабочее пространство Designer они не открывают. Designer также можно встроить для работы продавцов. При встраивании или локальном хранении ресурсы и данные дизайнов находятся на вашем сервере, а Alter Product управляет лицензированием и доступом к инструментам.

Для интеграций Alter Product предоставляет отдельный публичный API, позволяющий магазину или серверной системе получать данные дизайнов и синхронизировать заказы Customizer. Для WordPress/WooCommerce также доступен официальный плагин WordPress; подробности настройки приведены в руководстве по интеграции с WooCommerce.

Генератор 3D-моделей

Начните с шаблона генератора или существующей модели с генератором. Отредактируйте выкройки, швы и размеры, проверьте результат на манекене и примените текстуры. Сохраните проект генератора, затем используйте сохранённую ревизию в дизайне. Полученная модель работает с Designer и существующими сценариями работы с товарами в Customizer, Configurator и Viewer.

В WordPress шаблоны для повторного использования, манекены и библиотеки текстур находятся в Assets; окружения HDRI используют общую библиотеку окружений. Model generator показывает локальные проекты и импортирует модели, содержащие генератор. Starter pack загружает выбранную модель вместе с генератором, шаблоном и связанными ресурсами, включая оба манекена. Проекты и файлы хранятся в WordPress; обновления каталога, импорт, фронтенд и проверки доступа по-прежнему используют Alter Product.

Открыть документацию API генератора

Быстрый старт

Подключите Alter Product к магазину, выполнив несколько шагов.

  1. Создайте аккаунт и выберите способ интеграции Зарегистрируйтесь или войдите. Магазинам WooCommerce рекомендуется официальный плагин с автоматическим подключением; собственным и headless-магазинам — публичный API.
  2. Установите и подключите магазин Для WordPress/WooCommerce установите плагин, включите постоянные ссылки и выполните подключение в панели WordPress. Весь процесс описан в руководстве по интеграции с WooCommerce. Для собственной системы создайте серверные учётные данные API и разрешите домен магазина.
  3. Создайте и привяжите дизайн Откройте страницу редактирования товара WooCommerce и создайте или выберите дизайн на вкладке Alter Product. Задайте варианты, области печати и параметры среды выполнения в Designer, чтобы Viewer, Configurator или Customizer корректно отображали интерфейс магазина.
  4. Встройте выбранный инструмент и обработайте события Плагин WooCommerce может показывать инструмент на страницах товаров или WordPress. В собственных интеграциях встраивается iframe, на сервере создаётся краткосрочный токен сеанса встраивания, а postMessage используется для добавления в корзину, получения текущих данных и синхронизации заказов Customizer.