Produktmuster
Kunden haben hohe Erwartungen an die Auswahl einer Farbe, und es ist wichtig, dass Produktbeschreibungen jede verfügbare Farbe, Muster oder Textur genau darstellen. Beispielsweise sind die Hosen im folgenden Beispiel nicht in Rot, Grün und Blau verfügbar. Stattdessen sind sie nur in bestimmten Rot-, Grün- und Blau-Farbtönen verfügbar, die für dieses Produkt wahrscheinlich einzigartig sind.
Bei konfigurierbaren Produkten kann die Farbe durch ein visuelles Muster, ein Textmuster oder ein Eingabefeld angegeben werden. Muster können auf der Produktseite, in Produktlisten und in der Navigation mit Ebenen verwendet werden. Auf der Produktseite werden Muster synchronisiert, um das entsprechende Produktbild anzuzeigen, wenn das Muster ausgewählt wird. Wenn der Kunde das Muster auswählt, wird der entsprechende Wert im Eingabefeld angezeigt und das Muster wird als aktuelle Auswahl dargestellt.
No
gesetzt werden.Textbasierte Farbfelder
Wenn für ein Muster kein Bild verfügbar ist, wird der Attributwert als Text angezeigt. Ein textbasiertes Muster ähnelt einer Schaltfläche mit einer Textbeschriftung und verhält sich genauso wie ein Muster mit einem Bild. Wenn textbasierte Muster verwendet werden, um die verfügbaren Größen anzuzeigen, wird jede nicht verfügbare Größe durchkreuzt.
Muster in der Navigation mit Ebenen
Muster können auch in der Navigation mit Ebenen verwendet werden, wenn die Eigenschaft Use in Layered Navigation des Farbattributs auf Yes
festgelegt ist. Das folgende Beispiel zeigt sowohl textbasierte als auch farbige Bildmuster in der Navigation mit Ebenen.
Erstellen von Mustern für Produkte
Muster können als Komponente des Attributs color
definiert oder lokal für ein bestimmtes Produkt eingerichtet und als Produktbilder hochgeladen werden.
In den vorherigen Beispielen sind die Hosen "Sylvia Capri"in bestimmten Werten von red
, green
und blue
verfügbar. Da die Farbmuster aus dem Produktbild entnommen wurden, ist jede eine wahre Darstellung der Farbe. Das Attribut color
wird verwendet, um die Informationen für alle Produktfarben und Farbfelder zu verwalten.
Schritt 1: Erstellen der Muster
Verwenden Sie eine der folgenden Methoden, um Muster für Ihre Produkte zu erstellen.
Methode 1: Farbmuster hinzufügen
-
Um die wahre Farbe eines Produkts zu erfassen, öffnen Sie das Bild in einem Foto-Editor und verwenden Sie das Auge-Dropper-Tool, um die genaue Farbe zu identifizieren und den entsprechenden Hexadezimalwert zu beachten.
{width="400"}
-
Wechseln Sie in der Seitenleiste Admin zu Stores > Attributes>Product.
-
Öffnen Sie im Raster das Attribut color im Bearbeitungsmodus.
-
Stellen Sie sicher, dass Catalog Input Type for Store Owner auf
Visual Swatch
gesetzt ist. -
Wenn Sie es vorziehen, keine entsprechenden einfachen Produktbilder anzuzeigen, wenn das Muster auf der Produktansichtsseite ausgewählt ist, setzen Sie Update Product Preview Image auf
No
. -
Klicken Sie unter Manage Swatch (Values of Your Attribute) auf Add Swatch und führen Sie folgende Schritte aus:
{width="600" modal="regular"}
-
Klicken Sie in der Spalte Muster auf das neue Muster und wählen Sie im Menü die Option Choose a color aus.
{width="500" modal="regular"}
-
Platzieren Sie den Cursor in der Farbauswahl im Feld # , löschen Sie den aktuellen Wert und geben Sie den sechsstelligen Hexadezimalwert der neuen Farbe ein.
{width="500" modal="regular"}
-
Um das Muster zu speichern, klicken Sie auf das Symbol Farbrad ( ) in der rechten unteren Ecke der Farbauswahl.
-
Geben Sie in der Spalte Admin einen Titel ein, um die Farbe für den Store-Administrator zu beschreiben.
Falls zutreffend, können Sie auch die Übersetzung der Farbe für jede unterstützte Sprache eingeben. Im folgenden Beispiel wird die SKU als Referenz in die Beschriftung Admin eingefügt, da die Farben nur für ein bestimmtes Produkt verwendet werden. Sie können ein Leerzeichen oder einen Unterstrich in die Beschriftung einfügen, aber keinen Bindestrich.
-
Wählen Sie in der Spalte Ist Standard das Muster aus, das die Standardoption sein soll.
-
Um die Reihenfolge der Farbmuster zu ändern, klicken Sie auf das Symbol Order und ziehen Sie das Element an eine neue Position in der Liste.
{width="400"}
-
-
Klicken Sie nach Abschluss des Vorgangs auf Save Attribute und aktualisieren Sie den Cache, wenn Sie dazu aufgefordert werden.
-
Öffnen Sie jedes Produkt im Bearbeitungsmodus und aktualisieren Sie das Attribut Farbe mit dem richtigen Farbmuster.
Gehen Sie wie folgt vor, um mehrere Produkte gleichzeitig zu aktualisieren.
Methode 2: Hochladen eines Musterbilds
-
Um ein Bild für ein Muster zu erfassen, öffnen Sie das Produktbild in einem Fotoeditor und speichern Sie einen quadratischen Bereich des Bildes, der die Farbe, das Muster oder die Textur darstellt.
Bei Bedarf können Sie diese Aktion für jede Produktvariante wiederholen.
Die Größe und Abmessungen des Musters werden durch das Design bestimmt. Im Allgemeinen trägt das Speichern eines Bildes als Quadrat dazu bei, das Seitenverhältnis eines Musters beizubehalten.
{width="400"}
-
Wechseln Sie in der Seitenleiste Admin zu Stores > Attributes>Product.
-
Öffnen Sie im Raster das Attribut color im Bearbeitungsmodus.
-
Stellen Sie sicher, dass Catalog Input Type for Store Owner auf
Visual Swatch
gesetzt ist. -
Wenn Sie es vorziehen, keine entsprechenden einfachen Produktbilder anzuzeigen, wenn das Muster auf der Produktansichtsseite ausgewählt ist, setzen Sie Update Product Preview Image auf
No
. -
Klicken Sie unter "Manage Swatch"(Werte Ihres Attributs) auf "Add Swatch", und führen Sie folgende Schritte aus:
-
Klicken Sie in der Spalte Swatch auf das neue Muster, um das Menü anzuzeigen und Upload a file zu wählen.
-
Navigieren Sie zu der von Ihnen vorbereiteten Musterdatei und wählen Sie die hochzuladende Datei aus.
-
Wiederholen Sie diese Schritte für jedes Musterbild.
-
Geben Sie die Titel für Admin und Storefront ein.
In diesem Beispiel wird die SKU zur Referenz in die Admin-Beschriftung aufgenommen, da diese Farben nur für ein bestimmtes Produkt verwendet werden. Sie können ein Leerzeichen oder einen Unterstrich in die Beschriftung einfügen, aber keine Bindestriche einfügen.
{width="500" modal="regular"}
-
-
Klicken Sie nach Abschluss des Vorgangs auf Save Attribute und aktualisieren Sie den Cache, wenn Sie dazu aufgefordert werden.
-
Öffnen Sie jedes Produkt im Bearbeitungsmodus und aktualisieren Sie das Attribut Color mit dem richtigen Muster.
Gehen Sie wie folgt vor, um mehrere Produkte gleichzeitig zu aktualisieren.
Schritt 2: Aktualisieren der Produkte
-
Wechseln Sie in der Seitenleiste Admin zu Catalog > Products.
-
Verwenden Sie den Filter , um die Liste nach Name oder SKU anzuzeigen und nur die entsprechenden Produkte einzuschließen.
-
Aktivieren Sie im Raster das Kontrollkästchen jedes Produkts, für das das Muster gilt.
-
Setzen Sie Actions auf
Update Attributes
.In diesem Beispiel werden alle blauen Einstellungen der Hosen ausgewählt.
{width="600" modal="regular"}
-
Scrollen Sie nach unten zum Attribut Color und aktivieren Sie das Kontrollkästchen Change .
{width="400"}
-
Wählen Sie das Muster aus, das für die ausgewählten Produkte gilt, und klicken Sie auf Save.
-
Wenn Sie dazu aufgefordert werden, aktualisieren Sie den Cache.
{width="200"}
Hinzufügen von Farbfeldern zu einem einfachen Produkt
-
Wechseln Sie in der Seitenleiste Admin zu Catalog > Products.
-
Öffnen Sie ein Produkt im Bearbeitungsmodus und überprüfen Sie den Produktstatus (sollte aktiviert sein).
-
Klicken Sie auf die Schaltfläche Create Configurations (unter der Registerkarte
Configurations
). -
Wählen Sie im Popup-Fenster das Farbattribut und Next aus.
-
Wählen Sie Farbmuster aus dem Attribut aus, das Sie in dieses Produkt aufnehmen möchten.
-
Klicken Sie in der Fortschrittsleiste auf Next.
-
Konfigurieren Sie die Bilder, den Preis und die Menge.
Legen Sie in diesem Schritt die Bilder, Preise und Menge jeder Konfiguration fest. Die verfügbaren Optionen sind für jede Option identisch und Sie können nur eine auswählen. Sie können dieselbe Einstellung auf alle SKUs anwenden, eine eindeutige Einstellung auf jede SKU anwenden oder die Einstellungen vorerst überspringen.
-
Wenn die Konfiguration für Bilder, Preise und Menge abgeschlossen ist, klicken Sie oben rechts auf Next .
Die aktuellen Produktvarianten werden unten im Abschnitt Konfiguration angezeigt. Wenn Sie mit den Konfigurationen zufrieden sind, klicken Sie auf Generate Products.