Plugin für Shopware 5

Der rooom 3D Product Viewer ist als Plugin oder App für Onlineshops erhältlich, die mit Shopware gehosted werden. In diesem Artikel erfährst du, wie du ein 3D Produkt in deinen Onlineshop (Version 5) integrierst.

Wenn du einen Onlineshop mit Shopware 5 betreibst und ein kostenpflichtiges Abo bei Shopware abgeschlossen hast (Rise, Evolve oder Beyond), kannst du ganz einfach unser Plugin nutzen, um 3D Modelle auf deinen Produktseiten zu integrieren. Für den Download des 3D Product Viewer Plugins entstehen keine Zusatzkosten. (Auch für die Shopware-Version 6 ist eine App verfügbar, mehr dazu hier.)

Wie installiere ich das Plugin?

1. Suche im Shopware Store nach "rooom 3D Product Viewer" und wähle das Plugin für Version 5.

2. Füge die Anwendung deinem Warenkorb hinzu. Der Download ist kostenlos.

3. Du erhältst eine ZIP-Datei, die du im Plugin-Manager deines Shopware-Backends (unter Einstellungen) hochladen kannst.

4.  Nun findest du den rooom 3D Product Viewer in der Liste. Um das Plugin zu verwenden, klicke auf das grüne Plus zum Installieren. Anschließend aktivierst du es über den Bleistift. 

5. Danach wählst du bei der Frage Cache jetzt leeren? Ja, und danach Themes kompilieren.

Über den Plugin-Manager kannst du globale Einstellungen für die Einbindung von 3D Modellen vornehmen. Diese werden dann für sämtliche 3D Modelle in deinem Shop angewendet, solange sie nicht von individuellen Einstellungen direkt am Produkt überschrieben werden.

• Autospin: Rotation des Objektes um die eigene Achse
• Autostart: Start der 3D Ansicht, ohne vorher auf den Play-Button klicken zu müssen
• Start AR: Augmented Reality-Modus wird direkt aktiviert
• Hintergrundfarbe und -transparenz
• Helligkeit
• spiegelnder Boden
• Animationen (falls verfügbar)
• Darstellung von Annotationen
• AR-Einstellungen
• Kamera-Zoom
• UI-Elemente (z.B. Buttons)
• zusätzliche Produktbilder ein- oder ausblenden

Wie integriere ich ein 3D Produkt?

Nachdem du das Plugin erfolgreich installiert hast, kannst du direkt mit dem Einbetten der 3D Modelle auf deinen Produktseiten beginnen.

1. Wähle unter Artikel die entsprechende Produktseite aus, auf der du ein 3D Modell einfügen möchtest, und klicke auf den Bleistift zum Bearbeiten.

2. Wähle den Reiter Stammdaten aus und scrolle nach unten bis zu den Freitextfeldern. Dort findest du nun Einstellungen für den rooom 3D Product Viewer.

1 - Viewer ID: Hier trägst du den hinteren Teil der URL des 3D Product Viewers ein (Bsp.: https://www.rooom.com/product/0af7dde7c7e7d7970d54d6f5b9a5f5). 

Die URL erhältst du im rooom-Dashboard über den Teilen-Button:

2 - Keep Images: Wenn der Haken hier gesetzt ist, wird die 3D Ansicht gemeinsam mit den übrigen Produktbildern angezeigt. Wenn der Haken entfernt wird, ist der 3D Product Viewer als einziges Produktbild hinterlegt.

3 - Activate Config: Wenn der Haken hier gesetzt ist, überschreiben die Einstellungen, die du an dieser Stelle triffst, die globalen Einstellungen für das individuelle Objekt.

4 - Hintergrundfarbe individualisieren (Wert im HEX-Format eingeben)

5 - Skybox aktivieren (setzt das Produkt in eine transparente Box mit Schatten)

6 - Spiegel-Effekt unter dem Objekt aktivieren

7 - Transparenz für Hintergrund aktivieren

8 - URL zu einer Mediendatei einfügen, die während des Ladevorgangs angezeigt wird (Default: rooom-Logo)

3. Nach dem Speichern erscheint der eingebettete 3D Product Viewer in der Bildergalerie auf der Produktseite.

Auf der Kategorieseite wird durch ein Icon deutlich, welche Produkte mit einem 3D Product Viewer ausgestattet sind.

4. Du möchtest das Produkt in Augmented Reality bestaunen? Klicke auf den AR-Button unten rechts und scanne den QR-Code ein. (Zum AR-Tutorial)