Wir bereiten die neuesten Anleitungen, Releases und Feature-Updates vor.
Anleitungen werden geladen
Wir bereiten die passenden Inhalte der Wissensdatenbank für diese Plattform vor.
Colorization-Methoden und Einrichtung | Chamevo Support Center
Colorization-Methoden und Einrichtung
Konfigurieren Sie, wie Kunden Farben bei Text-, SVG- und PNG-Elementen ändern können – mit Color-Selection-Modi, Paletten, Link-Groups und PNG-Farbmodi in den Print Profiles.
Aktualisiert am 28. April 20265 Min. Lesezeit
Chamevo bietet Kunden mehrere Möglichkeiten, Elementfarben im Produkt-Customizer zu ändern. Farboptionen werden im Tab Colors eines Print Profiles konfiguriert, mit einem Color Selection-Modus pro Element-Scope: keine Farben, ein freier Farbwähler oder eine eingeschränkte Palette. Dieser Artikel behandelt alle Colorization-Methoden und deren Einrichtung.
Standard für Profile, die vor Einführung dieser Einstellung erstellt wurden. Fällt auf das ältere Feld Fill Colors / den Color-Picker-Schalter zurück.
None
Keine Farbänderungen erlaubt.
All Colors (Color Picker)
Ein freies Farbrad – Kunden können jede Farbe wählen.
Color Palette
Eine eingeschränkte Auswahl an Farbmustern aus einer Palette, die Sie im zugehörigen Feld Palette auswählen. Dies ist der empfohlene Ansatz für die meisten Produkte – er verhindert, dass Kunden Farben wählen, die Sie nicht produzieren können.
Farben für einen Element-Scope im Print Profile festlegen
Gehen Sie zu Chamevo > Print Profiles in Ihrem WordPress-Admin.
Bearbeiten Sie Ihr Print Profile (oder die Master-Baseline für globale Standardwerte).
Öffnen Sie den Tab Colors.
Wählen Sie den Bereich für Ihren Elementtyp:
Customer images – Farben für vom Kunden hochgeladene Bilder
All images – Farben, die auf alle Bild- und Grafikelemente angewendet werden
Customer texts – Farben für vom Kunden hinzugefügten Text
All texts – Farben, die auf alle Textelemente angewendet werden
Setzen Sie das Dropdown Color Selection auf None, All Colors (Color Picker) oder Color Palette.
Falls Sie Color Palette gewählt haben, wählen Sie im daraufhin erscheinenden Feld Palette eine Palette aus.
Für All texts können Sie zusätzlich einen separaten Modus Stroke Color Selection festlegen, um die Konturfarbe unabhängig von der Füllfarbe zu steuern.
Klicken Sie auf Save Changes.
Farben für eine Grafikkategorie festlegen
Gehen Sie zu Chamevo > Graphics in Ihrem WordPress-Admin.
Suchen Sie die Grafikkategorie und klicken Sie auf ihr Einstellungssymbol, um Category Options zu öffnen.
Aktivieren Sie das Optionen-Panel, falls noch nicht aktiv.
Konfigurieren Sie die Farbfelder auf dieselbe Weise wie im Print Profile – einen Farbmodus und, bei Paletten, welche Palette verwendet werden soll.
Klicken Sie auf Save Changes.
Jede Grafik in dieser Kategorie übernimmt diese Farboptionen und überschreibt damit den Print-Profile-Standardwert.
Farben für ein einzelnes Element festlegen
Einzelne Elemente im Product Builder können die Standardwerte des Print Profiles und der Kategorie mit einer eigenen Farbkonfiguration überschreiben, unter Verwendung derselben Modi None / All Colors (Color Picker) / Color Palette wie oben beschrieben. Wählen Sie das Element aus und suchen Sie den Bereich für die Farbkonfiguration in seinem Eigenschaften-Panel.
Kunden sehen das Ergebnis als Fill- und Stroke-Farbtabs (plus Shadow, falls konfiguriert), wenn sie das Element im Produkt-Customizer auswählen.
Color Link Groups
Color Link Groups synchronisieren Farbänderungen über mehrere Elemente hinweg. Wenn ein Kunde die Farbe eines Elements in einer Gruppe ändert, aktualisieren sich alle anderen Elemente derselben Gruppe entsprechend.
Eine Color Link Group einrichten
Öffnen Sie Ihr Produkt im Product Builder.
Wählen Sie das erste Element aus.
Suchen Sie im Eigenschaften-Panel das Feld Color Link Group.
Geben Sie einen Gruppennamen ein (zum Beispiel „team-color").
Wählen Sie das nächste Element aus und geben Sie denselben Gruppennamen ein.
Wiederholen Sie dies für alle Elemente, die dieselbe Farbe teilen sollen.
Klicken Sie auf Save View.
Wenn ein Kunde nun eine Farbe für ein Element wählt, ändern sich alle Elemente in der Gruppe „team-color" auf diese Farbe.
Sie können auch eine Standard-Color Link Group im Print Profile festlegen. Gehen Sie zum Tab Colors und suchen Sie das Feld Color Link Group in den Bereichen Customer images, All images oder Customer texts. (Der Bereich All texts hat kein Feld Color Link Group.)
Funktioniert mit: Textelementen, PNG-Bildern und Single-Path-SVGs. Multi-Path-SVGs unterstützen keine Color Link Groups, da jeder Pfad seine eigene Farbe hat.
PNG-Farbmodi
PNG-Bilder können nicht mit einer einfachen Füllung eingefärbt werden. Stattdessen wendet Chamevo einen Farbmischmodus an, um das Erscheinungsbild des Bildes zu verändern.
Wählen Sie ein PNG-Bildelement im Product Builder aus und setzen Sie das Feld Color Mode im Eigenschaften-Panel:
Modus
Effekt
Am besten geeignet für
Tint
Färbt das gesamte Bild mit dem gewählten Farbton neu ein und erhält dabei die Hell-Dunkel-Werte.
Icons, flache Grafiken, einfache Illustrationen
Multiply
Vermischt die gewählte Farbe mit dem Originalbild und dunkelt es ab.
Produktmockups auf weißer Basis (T-Shirts, Tassen), Fotos
Für die meisten Produkte sind Tint und Multiply die nützlichsten Modi. Verwenden Sie Multiply auf weißen Produktmockups (wie T-Shirts) für eine realistische Farbsimulation.
Einen PNG-Farbmodus festlegen
Öffnen Sie Ihr Produkt im Product Builder.
Wählen Sie das PNG-Bildelement aus.
Setzen Sie im Eigenschaften-Panel den Color Mode auf Ihren bevorzugten Modus (zum Beispiel Multiply).
Setzen Sie den Modus Color Selection auf Color Palette für eine eingeschränkte Farbauswahl oder auf All Colors (Color Picker) für freie Wahl.
Klicken Sie auf Save View.
SVG-Farbgebung pro Pfad
Multi-Path-SVGs unterstützen die Farbbearbeitung pro Pfad. Jeder Pfad im SVG kann eine eigene Farbe haben, und Kunden können diese einzeln ändern.
Sie können steuern, wie viele SVG-Pfade unabhängig eingefärbt werden können, unter Chamevo > Settings > Features > Custom Images & Designs. Suchen Sie die Einstellung Max Colorable SVG Paths. Der Standardwert ist 10. Setzen Sie ihn auf 0 für unbegrenzt, oder reduzieren Sie ihn, wenn komplexe SVGs mit vielen Pfaden die Oberfläche verlangsamen.
Farbpreisgestaltung
Sie können für unterschiedliche Farbwahlen unterschiedliche Preise berechnen. Gehen Sie zu Chamevo > Colors, öffnen Sie den Tab Colors und legen Sie einen Aufpreis pro Farbe fest:
Aktivieren Sie im Panel Pricing die Optionen Charge for text colors und/oder Charge for image colors.
Geben Sie in der Spalte Surcharge für jede Farbe, für die Sie einen Aufpreis berechnen möchten, einen Betrag ein.
Klicken Sie auf Save changes.
Wenn ein Kunde eine Farbe mit Aufpreis auswählt, fügt Chamevo diesen über Dynamic Pricing dem Produktgesamtpreis hinzu.
Farbnamen und Voreinstellungen
Auf der Seite Chamevo > Colors können Sie außerdem:
Farben benennen – fügen Sie jeder Farbe in der Spalte Name einen Anzeigenamen hinzu (zum Beispiel „Navy Blue" für #001f3f). Kunden sehen den Namen anstelle des Hex-Codes.
Voreinstellungen für den Farbwähler festlegen – markieren Sie im Tab Palettes eine Palette als Default picker palette, damit ihre Farben als Schnellzugriff-Muster neben dem freien Farbrad erscheinen.
Paletten erstellen – erstellen Sie im Tab Palettes wiederverwendbare Farbgruppen, die Sie Elementen zuweisen können.
Für All Colors (Color Picker): Bestätigen Sie, dass das Farbrad erscheint und sich das Element in Echtzeit aktualisiert.
Für Color Palette: Bestätigen Sie, dass nur die Farben Ihrer gewählten Palette als Muster erscheinen.
Bestätigen Sie bei Textelementen, dass die Tabs Fill und Stroke jeweils die von Ihnen konfigurierten Farben anzeigen.
Ändern Sie bei einer Color Link Group die Farbe eines Elements und bestätigen Sie, dass alle verknüpften Elemente sich aktualisieren.
Wählen Sie bei einem PNG-Farbmodus eine Farbe aus und bestätigen Sie, dass sich das Bild korrekt neu einfärbt.
Fehlerbehebung
Der Farbwähler erscheint, obwohl ich eine Palette festgelegt habe. Prüfen Sie das Feld Color Selection für diesen Scope im Print Profile – es muss auf Color Palette mit ausgewählter Palette gesetzt sein, nicht auf All Colors (Color Picker) oder Not set (use legacy color fields) mit noch aktiviertem altem Color-Picker-Schalter.
SVG ändert die Farbe nicht. Prüfen Sie, ob das SVG Fill-Attribute auf seinen Pfaden hat. Manche SVGs verwenden ausschließlich Stroke-Styling, das von der Fill-Colorization nicht betroffen ist.
Der PNG-Farbmodus sieht falsch aus. Probieren Sie einen anderen Modus. Multiply funktioniert am besten auf Bildern mit weißer Basis. Bei dunklen Bildern probieren Sie Tint.
Die Color Link Group synchronisiert nicht. Bestätigen Sie, dass alle Elemente in der Gruppe genau denselben Wert für Color Link Group haben (Groß-/Kleinschreibung beachten). Multi-Path-SVGs unterstützen keine Link Groups.
F: Was ist der Unterschied zwischen den Modi Color Picker und Color Palette?
A: All Colors (Color Picker) gibt Kunden ein Farbrad, mit dem sie jede Farbe wählen können. Color Palette beschränkt Kunden auf die Farbmuster einer von Ihnen gewählten Palette. Verwenden Sie Paletten, wenn Sie Produktionsmöglichkeiten oder Markenfarben abgleichen müssen.
F: Kann ich für bestimmte Farben einen Aufpreis berechnen?
A: Ja. Gehen Sie zu Chamevo > Colors, aktivieren Sie Charge for text colors oder Charge for image colors und geben Sie einen Surcharge für bestimmte Farben ein. Der Aufpreis wird dem Produktgesamtpreis hinzugefügt, wenn der Kunde diese Farbe wählt.
F: Wie färbe ich ein PNG-Produktmockup wie ein T-Shirt neu ein?
A: Wählen Sie das PNG-Element im Product Builder aus und setzen Sie den Color Mode auf Multiply. Setzen Sie dann den Modus Color Selection auf Color Palette und wählen Sie eine Palette. Der Multiply-Modus funktioniert am besten bei Bildern mit weißer Basis und simuliert realistische Stofffärbung.
F: Wie viele SVG-Pfade können Kunden einzeln einfärben?
A: Der Standardwert liegt bei 10 Pfaden. Ändern Sie dies unter Chamevo > Settings > Features > Custom Images & Designs bei Max Colorable SVG Paths. Setzen Sie den Wert auf 0 für unbegrenzt. Komplexe SVGs mit vielen Pfaden können die Oberfläche verlangsamen.
