Support

Lorem ipsum dolor sit amet:

24h / 365days

We offer support for our customers

Mon - Fri 8:00am - 5:00pm (GMT +1)

Get in touch

Cybersteel Inc.
376-293 City Road, Suite 600
San Francisco, CA 94102

Have any questions?
+44 1234 567 890

Drop us a line
info@yourdomain.com

About us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec.

Was ist ein "Image Upload Plugin" und wofür wird es verwendet?

Eine ausführliche Erklärung hierzu erhalten Sie in diesem Artikel!

Ab Version V1.2.21 - Version V1.3.9

 

 

Durch das Image Upload Plugin hat der Endkunde die Möglichkeit Bilder hochzuladen, welche direkt auf den Renderbildern dargestellt werden. Es ist ebenfalls möglich, Text auf den Renderbildern darzustellen, um den Kunden die Möglichkeit zu bieten sich das endgültige Produkt, mit der gewünschten Individualisierung besser vorstellen zu können.

Um das Plugin zu aktivieren gehen Sie wie folgt vor:
Dieses Plugin kann durch das Auswählen im Element-Reiter "Definition" gewählt und somit dem Shopkunden während seiner Konfiguration zur Verfügung gestellt werden.
Falls noch keine Sektion für den Image Upload erstellt wurde, muss dies getan werden. In der Sektion nun ein Element mit demselben Namen erstellen und im Element beim Reiter „Definition“ das Image Upload auswählen.

Nun aktivieren sich neue Optionen, die im Folgenden erklärt werden:

Bei dem Punkt "Upload" ist zuerst eine Checkbox „Aktiv“ zu sehen. Wenn diese aktiv ist, also der Haken in der Checkbox gesetzt ist, wird der Bild-Upload für den Endkunden freigegeben, sodass dieser ein Bild hochladen kann.

Die maximale Dateigröße gibt an, wie viele MB das Bild maximal haben darf. Durch eine niedrige Zahl kann Speicherplatz auf dem Server gespart werden, da dann keine zu hochauflösenden Bilder verwendet werden können, die für den Druck nicht relevant sind. Eine Empfehlung wäre, dies auf 3-5 MB zu setzen.

Die Default Größe gibt an, in welcher Größe das hochgeladene Logo auf dem Renderbild dargestellt werden soll. Je größer der Wert, desto größer wird das hochgeladene Bild auf dem Bezug dargestellt. Um den Image-Upload korrekt einstellen zu können, müssen die Dimensionen des Layerbildes bekannt sein, auf welches das Bild hochgeladen werden soll. Daher ist es wichtig, dass alle Layerbilder dieselbe Größe haben. (Dies kann über die Dateieigenschaften des Bildes im Dateiexplorer ausgelesen werden.)

Bei Dateityp hinzufügen werden die Bildformate hinzugefügt, die vom Konfigurator verarbeitet werden sollen.

Neue Optionen nach Auswahl des Image-Upload-Plugins im Reiter "Definition"
Neue Optionen nach Auswahl des Image-Upload-Plugins im Reiter "Definition"

Im Reiter „Text“ müssen die Größen des Renderbildes eingetragen werden.

Ist dies auch aktiv geschaltet, kann auch ein Text mit / ohne einem Bild dem Produkt hinzugefügt werden.

Ist die Checkbox „Mehrzeilig“ angehakt, kann ein mehrzeiliger Text eingetragen werden.

Das Feld Text ist der Platzhalter, der im Textfeld angezeigt wird, sobald dies ausgewählt wurde. Dieser wird dann durch den Text des Kunden ersetzt.
Die Schriftgröße wird hier festgelegt. Diese kann durch den Kunden nicht beeinflusst werden. Das Gleiche gilt für die Schriftart.

Die Textausrichtung kann auf left, center, right und block gesetzt werden. Dies kann jedoch genau wie die Farbe, die hier festgelegt wird, vom Kunden verändert werden.

Im Punkt "Schriftart hinzufügen" kann, wie der Überschrift zu entnehmen, eine oder mehrere neue Schriftarten hinzugefügt werden. Das Image-Upload-Plugin kann im Konfigurator-Frontend auch Texte schreiben lassen. So kann z. B. ein Name auf einen Stift geschrieben werden und die hinzugefügten Schriftarten sind dann für den Text auswählbar.

Reiter "Text" im Image-Upload-Plugin
Reiter "Text" im Image-Upload-Plugin

Im Reiter „Hintergrund“ müssen die Größen des Renderbildes eingetragen werden.

Bei "Produktbild" wird die Breite sowie die Höhe des Renderbildes in Pixel eingetragen.

Im Bearbeitungsbereich wird bei Breite die Breite des bearbeitbaren Bereichs definiert und bei Höhe die Höhe.
Bei Abstand links wird der Abstand des bearbeitbaren Bereiches nach links festgelegt, sowie bei Abstand oben nach oben. Alle diese Angaben sind auch in Pixel anzugeben.

Bei "Render Images" muss die Perspektive eingegeben werden. (left, right, front und back)
Bei Layer nun noch einen Layer-Wert eingeben. Das ist der Layer auf dem das hochgeladene Bild / Text angezeigt wird.

Anschließend müssen diese Einstellungen über den Button „Speichern“ gespeichert werden.

Reiter "Hintergrund" im Image-Upload-Plugin
Reiter "Hintergrund" im Image-Upload-Plugin

Im Reiter „Preisaufschlag“ können selbige eingestellt werden.

Ist ein Haken bei "höchsten Preis verwenden" hinterlegt, wird der höchste hinterlegte Preis verwendet. Dies lässt sich am besten an einem Beispiel erklären. Wird z. B. ein T-Shirt verkauft, auf dem ein Bild gedruckt und ein Text gestickt werden kann und das Bild mit 5€ und der Text mit 10€ hinterlegt wurde, wird ohne den gesetzten Haken bei Verwendung von beidem ein Zuschlag von 15€ anfallen (10€ + 5€). Wenn der Haken gesetzt ist, wird nur ein Zuschlag von 10€ addiert, da dies der Höchste der hinterlegten Preise ist.

Reiter "Preisaufschlag" im Image-Upload-Plugin
Reiter "Preisaufschlag" im Image-Upload-Plugin

Ab Version V2.1.10

Merchandise Plugin: Hinzufügen von Text auf das Renderbild

Um Text auf das Renderbild hinzuzufügen können Sie wie folgt vorgehen. Bitte beachten: damit die folgende Anleitung funktioniert, muss zwingend ein Renderbild vorhanden sein!

  1. Öffnen Sie die Einstellungen des Merchandise Plugins. „Merchandise“ -> „Druckbereiche“.
  2. Legen Sie hier einen neuen Druckbereich an über das + Symbol oder bearbeiten einen bestehenden Druckbereich über das Stift Symbol.
  3. Im Reiter „Bilder“ können Sie feste Vorgaben zum Upload erstellen, beispielsweise welche Dateitypen gestattet sind oder die maximale Dateigröße, die zum Upload erlaubt ist. Wichtig: damit dies funktioniert, müssen Sie den Haken bei „aktiv“ setzen und die Einstellungen speichern.
  4. Wechseln Sie in den Reiter „Text“ 
  5. Achten Sie darauf, dass ein Haken bei „Aktiv“ gesetzt ist.
  6. Hier können die Textboxen angelegt werden, in welche der Nutzer im Frontend seinen Text eintragen kann, auch kann dieser dort (falls gewünscht) die Farbe individuell an seine Wünsche anpassen mithilfe der im Frontend neben dem Text stehenden Farbauswahl. 
  7. Füllen Sie die Felder wie vorgegeben aus. 
    • Name -> Name der Textbox, welcher auch im Frontend erscheint
    • Druckbereich -> Name unter welchem der Textblock im Reiter „Druckbereich“ gefunden werden kann.
    • Text -> Standardtext welcher im Textfeld im Frontend dargestellt wird.
    • Schriftgröße -> Schriftgröße der Standardschrift.
    • Farbe -> Hexcode der Farbe mit welcher die Schrift im Frontend dargestellt werden soll. 
    • OffsetX (px) -> Abstand links in Pixeln, dient der Positionierung der Textbox auf dem Renderbild.
    • OffsetY (px) -> Abstand nach oben in Pixeln, dient der Positionierung der Textbox auf dem Renderbild.
    • Radius (px) -> Dient dem Grad der möglichen Textbiegung in px. 0 bedeutet das der Text gerade dargestellt wird. 
  8. Wenn alle Felder ausgefüllt wurden, klicken Sie auf „Hinzufügen“. Die gerade angelegte Textbox erscheint dann in der Liste „Textboxen“.
  9. Die Anzahl der Textboxen ist flexibel, es können daher auf einem Produkt beliebig viele Textboxen abgebildet werden.
  10. Nachdem die gewünschten Textboxen angelegt wurden, wechseln Sie in den Reiter „Druckbereich“, um den Druckbereich des Produktes festzulegen. 
  11. Der Druckbereich legt fest, wo auf dem Renderbild das Textfeld dargestellt werden soll. Der Nutzer hat die Möglichkeit den Text außerhalb der Textbox zu platzieren, um beispielsweise einen abgeschnittenen Effekt zu erzielen. Dem Nutzer wird dieser Rahmen durch ein rotes Feld im Frontend ersichtlich gemacht. Im Reiter Druckbereich wird daher das Bearbeitungsfeld festgelegt. Dieses Feld bildet die Möglichkeit ab, in welcher die Individualisierung des Produktes mit der Textbox möglich ist.
  12. Füllen Sie die Felder ähnlich den Feldern im Reiter „Text“ aus.
    • Name -> Name des Druckbereichs
    • Kennung -> Druckbereichsname aus dem Reiter „Text“ (Dient der Zuordnung)
    • Breite (px) -> gibt die Breite des Druckbereichs in Pixeln an
    • Höhe (px) -> gibt die Höhe des Druckbereichs in Pixeln an
    • Abstand links (px) -> Abstand nach links in Pixeln, dient der Positionierung des Druckbereichs auf dem Renderbild
    • Abstand oben (px) -> Abstand nach oben in Pixeln, dient der Positionierung des Druckbereichs auf dem Renderbild
    • Perspektive -> gibt an, auf welchem Renderbild der Druckbereich angewendet werden soll 
    • Layer -> gibt an auf welchem Layer der Druckbereich dargestellt werden soll, je nach Anwendungsfall empfiehlt sich stets den höchsten Layer zu verwenden 
  13. Wenn alle Felder ausgefüllt wurden, klicken Sie auf „Hinzufügen“. Die gerade angelegte Druckbereiche erscheint dann in der Liste „Druckbereiche“.
  14. Die Anzahl der Druckbereiche ist flexibel, es können daher auf einem Produkt beliebig viele Druckbereiche abgebildet werden.
  15. Im Reiter „Preisaufschlag“ können Sie einen Preisaufschlag erstellen, welche beispielsweise nur für eine bestimmte Kundengruppe zählt. Wichtig: damit dies funktioniert, müssen Sie den Haken bei „aktiv“ setzen und die Einstellungen speichern.
  16. Wenn alle Einstellungen vorgenommen wurden, erhalten Sie im Frontend nun die Darstellung Ihres Produkts.
Backend > Merchandise > Druckbereiche
Backend > Merchandise > Druckbereiche
Reiter "Text": Einstellungsmöglichkeiten
Reiter "Text": Einstellungsmöglichkeiten
Reiter "Druckbereich": Einstellungsmöglichkeiten
Reiter "Druckbereich": Einstellungsmöglichkeiten
Frontendansicht eines Produkts in Verbindung mit dem Merchandise-Plugin
Frontendansicht eines Produkts in Verbindung mit dem Merchandise-Plugin

Einrichten der Bilderbibliothek

Das Merchandise-Plugin bietet die Möglichkeit eine Bilderbibliothek zu nutzen, welche im Konfigurator im Medienverzeichnis hochgeladen wurde.

Um diese zu verwenden, gehen Sie wie folgt vor.

  1. Gehen Sie im Backend zum Eintrag „Merchandise“ und wählen „Druckbereiche“.
  2. Wechseln Sie in den Reiter „Motive“ 
  3. Achten Sie darauf, dass ein Haken bei „Aktiv“ gesetzt ist.
  4. Tragen Sie den Pfad zum Medienordner ein, in dem die Bilder hochgeladen wurden. Achten Sie darauf, dass das Medienverzeichnis des Apto.ONE der Ausgangs-Ordner für den einzutragenden Pfad ist. Wenn Sie im Medienverzeichnis einen Ordner erstellen der „motive“ heißt und in diesem einen Ordner „topcap“ welcher die gewünschten Bilder enthält, dann lautet der einzutragende Pfad wie folgt: „/motive/topcap“ Es ist darauf zu achten, dass der Pfad mit einem / beginnt, aber nicht mit einem / endet.
  5. Im Feld „Default Größe (px)“ wird die Größe der einzelnen Bilder im Frontend eingetragen.
  6. Unter „Abstand links (px)“ bzw. „Abstand oben (px)“ kann der Abstand in px eingetragen werden, wie die Motive, aus der Bibliothek auf dem Renderbild dargestellt werden. Bei einem Eintrag von 0 wird das Bild ohne Anpassung auf das Renderbild übertragen. Achten Sie darauf, dass die Abstandseinstellung für alle Bilder gleich sind und auf jedes Bild der Medienbibliothek angewendet wird.
  7. Wenn Sie der Bibliothek neue Bilder hinzufügen möchten, dann können Sie dies tun, indem Sie im Medienverzeichnis im Ordner /motive/topcap weitere beliebige Bilder hochladen.
  8. Achten Sie darauf, dass Sie die Rechte für die Bilder in der Medienbibliothek haben müssen.
Backend > Merchandise > Druckbereiche
Backend > Merchandise > Druckbereiche
Reiter "Motive": aktiv setzen und Pfad zum Medienordner
Reiter "Motive": aktiv setzen und Pfad zum Medienordner

Docs Footer

Wir bieten professionelle Beratung und Entwicklung für Ihre Produktkonfigurator-Software an.

Unser Know-how macht Ihre Prozesse effizienter und kundenfreundlicher.

Favoriten

Kontakt

confirado GmbH & Co. KG
Salzpforte 14
Bad Neustadt a.d. Saale

+49 9771 - 68 78 250

info@confirado.de

Socials

Wir auf den bekannten
Social-Media-Plattformen.

Besuchen Sie uns!

Copyright 2024. All Rights Reserved.

Wir verwenden Cookies, um Ihre Erfahrung auf unserer Website zu personalisieren und zu optimieren. Diese kleinen Textdateien speichern Ihre Präferenzen und ermöglichen es uns, Ihnen eine bessere Nutzererfahrung zu bieten. Weitere Informationen zur Verwendung von Cookies finden Sie in unserer Datenschutzerklärung.

You are using an outdated browser. The website may not be displayed correctly. Close