Mit dem Merkmal Eigenes Bild auf dem Produkt laden deine Kunden ein Foto oder Logo hoch und sehen es sofort im Produktbild, an genau der Stelle, an der es später gedruckt, graviert oder gestickt wird. Sie verschieben, drehen und spiegeln das Bild selbst und schneiden es zu. Typische Beispiele sind Fototassen, T-Shirts mit Logo, Schilder, Etiketten und Werbeartikel. Dieser Artikel zeigt, wie du das Merkmal einrichtest und was deine Kunden damit tun können. Für Text gibt es das Schwester-Merkmal Eigener Text auf dem Produkt; beide lassen sich auf demselben Produkt kombinieren.
Voraussetzungen
- Frontend-Engine V3. Der Datentyp heißt deshalb Eigenes Bild auf dem Produkt (nur V3). Eine Komponente mit diesem Merkmal läuft automatisch mit V3. Mehr dazu: Frontend-Engine: Legacy oder V3.
- Kombiniertes Produktbild. Das Bild des Kunden wird in das kombinierte Produktbild gezeichnet. Die Komponente braucht also mindestens ein Merkmal, dessen Werte Bilder für das kombinierte Produktbild haben. Siehe Bildvisualisierung.
- Add-on „Designer“. Zum Veröffentlichen brauchst du das Add-on Designer, das du im Serviceportal unter deinen Diensten buchst. Während des kostenlosen Tests ist es immer enthalten, in der Enterprise-Lizenz ohne Mehrkosten.
Merkmal anlegen
- Öffne die Komponente und lege ein neues Merkmal an.
- Wähle als Datenkategorie Freie Eingabe und als Datentyp Eigenes Bild auf dem Produkt (nur V3).
- Richte unter Gestaltung auf dem Produkt die Gestaltungsfläche, das Einpassen und die Auflösung ein (siehe unten).
- Speichere, prüfe die Vorschau und veröffentliche die Komponente.
Über Pflichtfeld legst du wie bei jedem Merkmal fest, ob dein Kunde ein Bild hochladen muss.
Die Gestaltungsfläche
Die Gestaltungsfläche ist der Bereich des Produkts, in dem das Bild stehen darf, etwa die Vorderseite der Tasse oder die Brust eines Shirts.
- Der Editor zeigt das unterste Bild des kombinierten Produktbilds, also das Grundprodukt. Ziehe das Feld an die richtige Stelle und ändere die Größe über die Ecke.
- Trage Breite (mm) und Höhe (mm) ein: die echte Größe der Fläche auf dem Produkt. Daraus berechnet configento.app die Druckauflösung des Bildes in dpi.
- Mit Drehung (°) drehst du die Fläche, z. B. für einen schräg liegenden Bereich.
Das Bild verlässt die Fläche nie. Die Fläche ist das, was später produziert wird.
Fläche, die mit dem Format wächst
Wählt dein Kunde die Größe des Produkts selbst, etwa bei einem Schild in Breite × Höhe, kann die Gestaltungsfläche mitwachsen:
| Einstellung | Wirkung |
|---|---|
| Breite aus, Höhe aus | Feste Größe nimmt die mm-Werte von oben. Wählst du stattdessen ein Zahlenfeld oder eine Formel, übernimmt die Fläche den Wert, den dein Kunde dort einstellt. |
| Rand (mm) | Wird an jeder Seite von der gewählten Größe abgezogen, z. B. für einen unbedruckten Rand. |
Die Fläche auf dem Bild ist dann der größtmögliche Bereich; sie übernimmt das gewählte Seitenverhältnis.
Einpassen, Auflösung und Sperren
| Einstellung | Wirkung |
|---|---|
| Bild einpassen | Ganzes Bild zeigen passt das Bild vollständig in die Fläche, es bleiben eventuell Ränder. Fläche ausfüllen füllt die Fläche ganz aus und schneidet dafür am Bild ab. |
| Warnen unter (dpi) | Liegt das Bild in der gewählten Druckgröße unter diesem Wert, sieht dein Kunde einen Hinweis. Standard: 150. 0 = keine Warnung. |
| Ablehnen unter (dpi) | Liegt das Bild darunter, kann die Konfiguration nicht in den Warenkorb. Standard: 0 = nie. |
| Der Käufer darf nicht ändern | Sperrt Position, Größe, Drehung, Spiegeln oder Zuschneiden. Gesperrte Werkzeuge sieht dein Kunde nicht. |
Deine Kunden laden PNG oder JPG bis 20 MB hoch. Bilder, die niemand in den Warenkorb legt, löscht configento.app nach 30 Tagen.
Was dein Kunde sieht
- den Knopf Bild hochladen mit dem Hinweis „PNG oder JPG, bis 20 MB“,
- nach dem Hochladen eine kleine Vorschau mit Dateiname und Auflösung, z. B. „508 dpi“,
- je nach deinen Einstellungen die Werkzeuge Größe, Drehung (Regler und Nach links drehen / Nach rechts drehen), Spiegeln und Zuschneiden,
- Ersetzen und Entfernen,
- das Bild live im Produktbild.
Das Bild kann dein Kunde im Produktbild mit Maus oder Finger verschieben, solange du die Position nicht gesperrt hast. Ist das Bild angewählt, geht das auch mit den Pfeiltasten. Position zurücksetzen setzt es zurück an die Ausgangsposition.
Zuschneiden öffnet ein Fenster, in dem dein Kunde einen Ausschnitt wählt. Ganzes Bild hebt den Zuschnitt wieder auf, Übernehmen übernimmt ihn.
Wird das Bild so groß gezogen, dass die Auflösung unter Warnen unter (dpi) fällt, erscheint „Die Auflösung ist in dieser Größe gering: Der Druck kann unscharf werden.“ Die Auflösung bezieht sich immer auf die echte Druckgröße.
In der Bestellung
Die Bestellung enthält das Bild mit Dateiname und Auflösung, z. B.:
logo.png · 508 dpi
Dazu kommt das Originalbild als Download, so wie dein Kunde es hochgeladen hat. Position, Größe, Drehung, Spiegelung und Zuschnitt gehen als Daten mit, und das kombinierte Produktbild im Warenkorb, in E-Mails und im PDF zeigt das Bild an seiner Stelle. Öffnet dein Kunde die Konfiguration erneut, ist alles wieder so, wie er es gestaltet hat.
Preise, Regeln und Pflichtfeld funktionieren wie bei jedem anderen Merkmal, z. B. ein Aufpreis, sobald ein Bild hochgeladen wurde.
Das Add-on „Designer“
- Während des kostenlosen Tests kannst du das Merkmal ohne Einschränkung nutzen.
- Danach brauchst du das gebuchte Add-on Designer, das eigenen Text und eigenes Bild umfasst. Ohne Add-on ist der Datentyp im Editor gesperrt. Vorhandene Merkmale kannst du weiter bearbeiten, beim Veröffentlichen weist configento.app dich aber auf das Add-on hin.
- Endet das Add-on, läuft eine bereits veröffentlichte Komponente in deinem Shop unverändert weiter.
Fehlersuche
- Der Editor zeigt kein Bild für die Gestaltungsfläche: Die Komponente hat noch kein Bild im kombinierten Produktbild. Lege zuerst bei einem Wert ein Bild an.
- „Bitte lade ein PNG- oder JPG-Bild hoch.“: Andere Formate wie PDF, SVG oder HEIC werden nicht angenommen. Dein Kunde speichert das Bild vorher als PNG oder JPG.
- „Das Bild ist größer als 20 MB.“ oder „Das Bild hat zu viele Pixel.“: Dein Kunde lädt eine kleinere Version hoch.
- Die Auflösungswarnung erscheint sofort: Die Fläche ist in mm groß, das Bild hat zu wenig Pixel dafür. Prüfe Breite (mm) und Höhe (mm), senke Warnen unter (dpi) oder bitte deine Kunden um größere Bilder.
- Das Bild erscheint nicht im Produktbild: Prüfe, ob in der Vorschau ein Grundbild gewählt ist und die Engine auf V3 steht.
- Veröffentlichen schlägt fehl mit dem Hinweis auf das Add-on: Buche das Add-on Designer im Serviceportal und veröffentliche erneut.