Farben im Farbauswahl-Panel anzeigen
Richten Sie das Farbauswahl-Panel ein, damit Kunden Produktfarben (wie Kleidungsfarbe oder Materialfarbe) über ein eigenes Modul ändern können.
Das Farbauswahl-Panel bietet Kunden einen dedizierten Bereich, um produktübergreifende Farben zu ändern — zum Beispiel die Farbe eines T-Shirts oder die Materialfarbe eines Smartphone-Cases. Anstatt auf einzelne Elemente auf dem Canvas zu klicken, sehen Kunden beschriftete Farboptionen in einer übersichtlichen Liste.
Dies ist von element-spezifischen Farbänderungen (die über die Toolbar oder das Layers-Panel erfolgen) zu unterscheiden. Das Farbauswahl-Panel ist für übergeordnete Produktfarben konzipiert, die über Farb-Verlinkungen auf ein oder mehrere Elemente wirken.
Bevor Sie beginnen
- Das Farbauswahl-Panel ist standardmäßig nicht aktiviert. Sie müssen es zur Modulliste des Customizers hinzufügen.
- Elemente müssen im Product Builder mit der Eigenschaft Show in Color Selection konfiguriert werden.
- Farboptionen (Palette oder freier Farbwähler) müssen für die Elemente festgelegt sein.
Schritt 1: Elemente für die Farbauswahl konfigurieren
- Öffnen Sie das Produkt im Product Builder.
- Wählen Sie das Element aus, das die Produktfarbe repräsentiert (z. B. eine Kleidungsform, eine Hintergrundebene oder eine Materialfüllung).
- Aktivieren Sie die Eigenschaft Show in Color Selection für das Element.
- Legen Sie die Farboptionen des Elements fest:
- Feste Palette: Weisen Sie ein Array von Farben zu. Der Kunde wählt aus diesen Farbfeldern.
- Freie Farbe (Farbwähler): Setzen Sie die Farben auf „beliebig". Der Kunde erhält einen Farbwähler.
- Geben Sie dem Element einen aussagekräftigen Titel — dieser wird als Beschriftung im Farbauswahl-Panel verwendet.
- Speichern Sie das Produkt.
Schritt 2: Farb-Verknüpfungsgruppen einrichten (optional, aber empfohlen)
Wenn das Ändern der Produktfarbe mehrere Elemente gleichzeitig aktualisieren soll (z. B. Vorderseite + Rückseite + Ärmel), verwenden Sie eine Farb-Verknüpfungsgruppe:
- Wählen Sie im Product Builder das erste Element aus.
- Legen Sie einen Color Link Group-Namen fest (z. B. „garment-color").
- Wiederholen Sie dies für jedes Element, das dieselbe Farbe teilen soll.
- Alle Elemente in derselben Gruppe werden aktualisiert, wenn der Kunde eine Farbe auswählt.
Im Farbauswahl-Panel werden Elemente in derselben Farb-Verknüpfungsgruppe zu einem einzigen Eintrag zusammengefasst. Der Kunde sieht eine Beschriftung und einen Satz Farboptionen — die Änderung gilt für alle verlinkten Elemente.
