Skip to main content
Skip table of contents

X3 Template Meshes für die Template Gallery (X3 DE)

So bereiten Sie die Template Meshes für die Template Gallery auf

1. Vorbereitung

Um die Vorlagen der Template Gallery für Ihr Packaging-Produkt nutzen zu können, müssen Sie die einzelnen Meshes zunächst ihrer "Position" zuordnen. Dies geschieht im Packaging Editor.

Im Folgenden erfahren Sie, wie Sie dies tun können.

Gehen Sie ins Datacenter und dann in den Packaging Editor:

76c009e2-7cd6-4f0b-a275-f47c59fdca6a.png

Wählen Sie Ihr Packaging-Modell aus:

4e6eebec-9718-4fa6-b2b0-858caf1ac0fd.png

Nach dem Laden des Modells sollten Sie auf der linken Seite ein Feld ähnlich dem folgenden sehen:

5b75c826-a163-417d-844d-0b62629ada39.png

Was wir anpassen wollen, sind die Template Meshes.

Um die Sache zu vereinfachen, laden wir die Informationen des Modells herunter - am besten zweimal, um eine Sicherheitskopie zu haben:

Danach sollten Sie entweder die aktuelle Registerkarte duplizieren, ein neues Fenster mit dem Packaging Editor öffnen oder Ihre aktuelle Registerkarte verwenden und ein anderes Modell laden. Der "Hanger" ist ein Standardmodell, das alle benötigten Informationen enthält, also öffnen wir es:

9c0b59d3-79f7-49d3-9991-e530790ee75f.png

Sie haben kein "Hanger"-Modell auf Ihrem System?

Wenn das Modell "Hanger" auf Ihrem System nicht verfügbar ist, können Sie Version-1 und die darin enthaltene Liste auch händisch hinzufügen. Schreiben Sie einfach eine 1 bei "Version-" dazu und klicken Sie auf "Add":

2653c968-d5e8-49d2-917c-86fba63e527b.png

Klicken Sie anschließend auf "Add Template" und tragen Sie den Namen des ersten Punktes in der Liste ein, "Background", und klicken Sie erneut auf "Add":

6e81b80d-44f6-48d1-bd65-e2cdc8b799da.png

Sie müssen dies nur für die Elemente tun, die Sie benötigen, was wahrscheinlich nicht alle sein werden. Hier einmal die vollständige Liste:

  • Background

  • Main

  • Front

  • Side1

  • Side2

  • Back

  • Top

  • Bottom

  • Hanger

  • HangerFlip

  • TopSide1

  • TopSide2

  • BottomSide1

  • BottomSide2

  • FlipTop

  • FlipBottom

  • FrontTopGab

  • FrontBottomGap

  • HangerBottomGap

Es ist wichtig, die Elemente so zu benennen, wie sie in dieser Liste stehen. Wenn es irgendwo einen Tippfehler gibt, wird das Objekt von der Template Gallery nicht erkannt.

Eine weitere Sache ist, dass Sie eine '1' zu der 'Page' von 'Background' hinzufügen müssen:

4d7f2405-b465-49b6-9254-809c3848b2c7.png

Für andere Meshes ist dies nicht erforderlich. Der Editor muss nur wissen, auf welche Seite die Designs der Template Gallery angewendet werden sollen.

Auch im Hanger-Modell klicken wir einfach auf Download:

fda2bcc1-35f3-4bc1-9d7d-036653df2174.png

Die Dateien, die wir heruntergeladen haben, enthalten sämtliche Punkte, die in der linken Tabelle aufgeführt sind, aber wir brauchen nur die Informationen über die Template Meshes. Wir öffnen also die Datei, die wir vom Hanger heruntergeladen haben (Sie können dafür einen beliebigen Texteditor nehmen; in meinem Beispiel ist es Notepad++) und suchen nach "template_meshes":

44cbd09a-1ae4-40a2-b30f-b404e60cf3ec.png

Dort wählen wir alles aus, was mit "template_meshes" beginnt und bis zum Komma nach der letzten schließenden Klammer des "HangerBottomGap" reicht:

0deeadb5-3d6c-4af7-804a-6faaa1cd0d9e.png

Kopieren Sie die Auswahl und öffnen Sie die Datei, die Sie in Ihrem Modell heruntergeladen haben. Dort können Sie sehen, dass in template_meshes jegliche Eingabe fehlt, die Klammern sind leer. Sie wählen also alles von template_meshes bis zum Komma aus:

6b791428-5e0f-4355-a19a-1b46a42372c5.png

Und fügen das ein, was sie in der Hanger-Datei kopiert haben. Auf diese Weise überschreiben Sie die leeren template_meshes mit den Informationen aus dem "Hanger". Achten Sie darauf, dass vor "overlapping_zones" ein Komma steht:

d5a7adde-4997-4a33-a102-d983e4b7003f.png

Falls es in der Datei Ihres Modells keine "template_meshes" gibt, fügen Sie einfach die kopierte Auswahl zwischen "meshes" und "overlapping_zones" ein, aber denken Sie daran, diese durch Kommas zu trennen.

Danach speichern Sie die Datei Ihres Modells und laden sie in Ihr Modell hoch (nicht in den Hanger):

f63901b1-c5e9-4b29-a2c3-7b8557404fe9.png

Nachdem Sie dies getan haben, werden Sie sehen, dass template_meshes nicht länger leer ist. Sie können Versionen 2 und 3 ignorieren (löschen Sie sie, wenn Sie möchten), wir werden mit Version 1 arbeiten:

19e40fc1-e678-46f2-98fe-2e2d35facf9e.png

Wenn Sie auf die Registerkarte "D3 Rendering" gehen und auf "Render D3 Model" klicken, sehen Sie eine 2D-Version Ihres Modells. Wenn Sie Version-1 aufklappen, sehen Sie die Liste, mit der wir arbeiten wollen:

c9814a1e-018e-463d-b35c-180c6f6b33c3.png

2. Zuweisung der Elemente

Nachdem wir diese Liste manuell oder durch Kopieren/Einfügen hinzugefügt haben, können wir damit beginnen, jedem Element eine Position zuzuweisen. Wählen Sie den ersten Punkt, "Background", und klicken Sie auf die Schaltfläche "Record":

2d60b605-a200-4232-8fc8-a8fb41445ba1.png

Der Editor beginnt nun damit, die Bereiche aufzuzeichnen, die Sie dem Element "Background" zuweisen möchten. Die Zuweisung erfolgt über das Anklicken einen beliebigen Punktes auf allen vier Außenseiten Ihres Modells, aber es muss immer der äußerste verfügbare Punkt der jeweiligen Seite sein. Falls mehrere Punkte in Frage kommen, ist es egal welchen Sie wählen, wichtig ist nur, dass man am Ende für jede Seite (oben, unten, links, rechts) mindestens einen hat. Die grünen Pfeile zeigen die äußersten Linien an, auf denen sie einen Punkt wählen müssen. Die angeklickten Punkte färben sich grün. Wenn Sie mit Ihrer Auswahl fertig sind, stoppen Sie die Aufnahme mit “Stop” und klicken unten links auf "Save", um sicherzustellen, dass Ihre Auswahl im Element gespeichert wird:

dc0a3f5a-91f8-41b7-9b74-a2b45692ebcf.png

Dies tun Sie nun für alle Elemente der Liste.

Das nächste Element ist "Main" und sollte der Hauptteil Ihres Modells sein:

6456e904-2281-4ac4-8d74-852ae5c9b252.png

Als Nächstes folgt 'Front'. Sie nehmen den vorderen Teil Ihres Modells auf:

c64dc550-051f-4547-b339-9fd9065525ba.png

Auf diese Weise weiß die Template Gallery, wo sich der vordere Teil Ihres Modells befindet. Sie müssen nicht alle 4 Seiten markieren, wenn sie sich auf der gleichen Ebene befinden. Die Galerie muss nur wissen, an welchem Punkt die Vorderseite beginnt und wo sie endet, sie benötigt also einen Punkt ganz oben, ganz links, ganz rechts und ganz unten. Oben und links können über denselben Punkt markiert werden, deswegen brauchen wir für diese zwei Seiten nur einen auswählen. Dasselbe gilt für unten und rechts. Das ist nicht bei jedem Modell und auch nicht bei jedem Mesh der Fall.

Beachten Sie, dass nicht alle Punkte sichtbar sind, wenn das 2D-Modell verkleinert ist. Manchmal muss man heranzoomen, um zu sehen, dass mehrere Punkte eng beieinander liegen:

12d2e987-4175-4836-9b6e-613039e8e26c.png

Sie weisen die Seiten und die Rückseite auf die gleiche Weise zu. Der obere und untere Teil werden normalerweise neben der Vorderseite ausgewählt, aber in einigen Modellen fehlt einer davon, wie in diesem Beispiel:

89fbf238-b3de-40da-b2d4-64e46ef850e9.png

Der untere Teil fehlt, daher können Sie dieses Element aus der Tabelle herauslöschen.

Der obere Teil ist im Screenshot lediglich der blau markierte Abschnitt. Das Blassrosa markiert die Lasche (“FlipTop”).

Da dieses Modell weniger komplex ist als der Hanger, haben wir auch keinen “Hanger” oder “HangerFlip”, Sie können diese beiden Elemente also ebenfalls löschen oder ignorieren.

Die TopSides und BottomSides ordnen wir entsprechend ihrer Nummer zu. TopSide1 sollte über Side1 liegen, nicht über Side2 und umgekehrt. BottomSide2 sollte unter Side2 liegen, nicht unter Side1:

ed117bb9-7507-4178-8058-fdf12021dc8e.png

Da wir keine Unterseiten haben, können auch die BottomSides, FlipBottom und HangerBottomFlap entfernt werden.

In einem anderen Modell ist dies etwas deutlicher:

a0ccc9f7-249d-4c5d-9378-f953d0f3fe47.png

Der FlipTop ist die bereits erwähnte obere Lasche, die in einem der oberen Screenshots blassrosa markiert war:

32f9f95f-4816-47b6-9716-75e9682c1c21.png

Die Lücken FrontTopGap und FrontBottomGap werden auch nicht immer benötigt. Unser Modell hat allerdings eine FrontTopGap, das ist die kleine "Lücke", bzw. der Höhenunterschied zwischen dieser Mesh und jenen, die sich links und rechts von ihr befinden:

b13e8519-21d8-4474-917e-694c59a8cc11.png

Und das war's im Grunde schon. Unsere endgültige template_meshes-Liste für dieses Modell sieht wie folgt aus:

197de036-3b88-46f2-94f3-b200e1719c6e.png

Denken Sie nur daran, das gesamte Modell am Ende (oder zwischendrin) zu speichern, damit Ihre Fortschritte nicht verloren gehen. Es reicht nicht aus, die einzelnen Elemente zu speichern, Sie müssen auch das Modell selbst abspeichern, bevor Sie es schließen oder neu laden.

3. Template und Frontend

Als Letztes müssen Sie die Template Gallery in Ihrer Vorlage aktivieren.

Dazu gehen Sie ins Datacenter > Personalisierung > Vorlagen und bearbeiten Ihre Packaging-Vorlage.

Bei 'Vorlagenquelle' wählen Sie 'API' aus:

96cb14b2-88d4-4ca9-a337-3861bf90fa82.png

Oben erscheint eine neue Registerkarte mit dem Namen "API". Gehen Sie zu dieser Registerkarte und stellen Sie sicher, dass die Verpackungskategorien ausgewählt sind:

3601f761-c712-43cb-b3fe-8b41d5abeb06.png

Speichern Sie Ihre Vorlage.

Jetzt können wir unser 3D-Modell im Frontend überprüfen, um sicherzustellen, dass die Positionen, die wir den Template Meshes zugewiesen haben, alle korrekt sind. Wenn Sie mit etwas nicht zufrieden sind, können Sie jederzeit zum Packaging Editor zurückkehren und die aufgezeichneten Punkte erneut anpassen.

Gehen Sie schließlich auf die Produktseite und klicken Sie auf Personalisieren. Sie werden dann zur Vorlagengalerie weitergeleitet:

5980c7f7-2823-4172-bb11-f21a68ac592d.png
X3-Systeme

Auf der X3 öffnet sich die Template Gallery nicht beim Klicken auf “Personalisieren”, sondern ist in der Sidebar als separater Punkt aufgeführt:

Wählen Sie eine Vorlage aus, die Ihnen gefällt, und Sie werden erneut weitergeleitet, diesmal zum Editor:

dbf1f6a2-4a35-4c1f-be18-663dbe143e8e.png

Herzlichen Glückwunsch, Sie haben ein Verpackungsmodell erfolgreich Template Gallery-tauglich gemacht!

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.