Dokumentation

Motivation

Alter Product ist eine moderne Webanwendung für interaktive Produktvisualisierung, Konfiguration und Personalisierung. Sie wurde für Print-on-Demand-Unternehmen, Hersteller mit individualisierbaren Produkten, Online-Shops und Kreative entwickelt, die Produkte in einer dynamischen, vollständig interaktiven 3D-Umgebung präsentieren möchten.

Die Plattform verbindet die folgenden Werkzeuge zu einem E-Commerce-Workflow:

  • Designer – zentraler Arbeitsbereich zum Definieren von Varianten, Druckbereichen, Produkten und Laufzeiteinstellungen
  • Viewer – 3D-Produktansicht für die visuelle Präsentation im E-Commerce
  • Configurator – 3D-Konfigurator für Produktvarianten und Parameter im E-Commerce (Größen, Materialien, Farben usw.)
  • Customizer – erweitertes E-Commerce-Designwerkzeug zum Hinzufügen von Grafiken, Text, Layouts und Druckelementen auf Produkten
  • 3D-Modellgenerator – parametrische 3D-Modelle anhand bearbeitbarer Schnittmuster, Nähte und Maße erstellen und anpassen

Viewer, Configurator und Customizer lassen sich per iframe auf deiner Website einbetten, über URL-Parameter konfigurieren und über sichere postMessage-Kommunikation integrieren.

Das Modul Designer dient als zentrale Verwaltungsebene: Hier werden Varianten, Druckbereiche und Laufzeiteinstellungen definiert. Viewer, Configurator und Customizer verwenden diese Einstellungen und das im Designer vorbereitete Design für das Einkaufserlebnis; sie öffnen nicht den Designer-Arbeitsbereich selbst. Für Händler-Workflows kann auch der Designer eingebettet werden. Bei eingebetteten oder lokal gespeicherten Integrationen liegen Assets und Designdaten auf deinem Server, während Alter Product Lizenzierung und Laufzeitzugriff verwaltet.

Für Integrationen bietet Alter Product eine eigene Public API, mit der dein Shop oder Backend-System Designdaten abrufen und Customizer-Bestellungen synchronisieren kann. Für WordPress/WooCommerce-Shops gibt es außerdem ein offizielles WordPress-Plugin; Einzelheiten zur Einrichtung findest du in der WooCommerce-Integrationsanleitung.

3D-Modellgenerator

Beginnen Sie mit einer Generatorvorlage oder einem vorhandenen Modell mit Generator. Bearbeiten Sie Schnittmuster, Nähte und Maße, prüfen Sie das Ergebnis an einer Schaufensterpuppe und wenden Sie Texturen an. Speichern Sie das Generatorprojekt und verwenden Sie anschließend eine gespeicherte Revision in einem Produktdesign. Das daraus entstandene Modell funktioniert mit Designer sowie den bestehenden Produktabläufen von Customizer, Configurator und Viewer.

In WordPress befinden sich wiederverwendbare Vorlagen, Schaufensterpuppen und Texturbibliotheken unter Assets; HDRI-Umgebungen nutzen die gemeinsame Umgebungsbibliothek. Model generator zeigt lokale Projekte an und importiert Modelle mit Generator. Das Starterpaket lädt das ausgewählte Modell samt Generator, Vorlage und zugehörigen Ressourcen herunter, einschließlich beider Schaufensterpuppen. Projekte und Dateien werden in WordPress gespeichert; Katalogaktualisierungen, Importe, das Frontend und die Zugriffsprüfung nutzen weiterhin Alter Product.

API-Referenz des Generators öffnen

Schnellstart

Mit diesen Schritten verbindest du Alter Product mit deinem Shop.

  1. Konto erstellen und Integrationsweg wählen Registriere dich oder melde dich an. Für WooCommerce-Shops empfehlen sich das offizielle Plugin und Auto Connect; individuelle oder Headless-Shops nutzen die Public API.
  2. Shop installieren und verbinden Installiere für WordPress/WooCommerce das Plugin, aktiviere Permalinks und stelle die Verbindung im WordPress-Adminbereich her. Den vollständigen Ablauf findest du in der WooCommerce-Integrationsanleitung. Für eigene Tech-Stacks generierst du serverseitige API-Zugangsdaten und gibst die Shop-Domain frei.
  3. Design erstellen und zuordnen Öffne die Produktbearbeitung in WooCommerce und erstelle oder wähle ein Design im Tab Alter Product. Definiere Varianten, Druckbereiche und Laufzeiteinstellungen im Designer, damit Viewer, Configurator oder Customizer das passende Einkaufserlebnis darstellen.
  4. Gewähltes Tool einbetten und Laufzeitereignisse verarbeiten Das WooCommerce-Plugin kann das gewählte Tool auf Produktseiten oder WordPress-Seiten anzeigen. Individuelle Integrationen betten das iframe ein, erstellen im Backend ein kurzlebiges Sitzungstoken und verwenden postMessage für Warenkorbaktionen, aktuelle Nutzdaten und die Synchronisierung von Customizer-Bestellungen.