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

Призначення

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 надає спеціальний Public API, через який ваш магазин або серверна система можуть отримувати дані дизайнів і синхронізувати замовлення Customizer. Для магазинів WordPress/WooCommerce також є офіційний плагін WordPress; докладніше про налаштування читайте в посібнику з інтеграції WooCommerce.

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

Почніть із шаблону генератора або наявної моделі з генератором. Відредагуйте викрійки, шви й розміри, перевірте результат на манекені та застосуйте текстури. Збережіть проєкт генератора, а потім використайте збережену ревізію в дизайні. Отримана модель працює з Designer і наявними сценаріями роботи з товарами в Customizer, Configurator та Viewer.

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

Швидкий початок

Виконайте ці короткі кроки, щоб підключити Alter Product до магазину.

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