Produktmuster
Kunden haben hohe Erwartungen an die Auswahl einer Farbe, und es ist wichtig, dass Produktbeschreibungen jede verfügbare Farbe, jedes Muster oder jede verfügbare Textur genau darstellen. Zum Beispiel sind die Hosen im folgenden Beispiel nicht in Rot, Grün und Blau verfügbar. Stattdessen sind sie nur in bestimmten Farben von Rot, Grün und Blau verfügbar, die wahrscheinlich einzigartig für dieses Produkt sind.
Bei konfigurierbaren Produkten kann die Farbe durch ein visuelles Farb- oder Textmuster oder ein Eingabesteuerelement angezeigt werden. Farbfelder können auf der Produktseite, in Produktlisten und in der Navigation verwendet. Auf der Produktseite werden Farbfelder synchronisiert, um das entsprechende Produktbild anzuzeigen, wenn das Farbfeld ausgewählt ist. Wenn der Kunde das Farb-/Bildmuster auswählt, wird der entsprechende Wert im Eingabefeld angezeigt und das Farb-/Bildmuster wird als aktuelle Auswahl dargestellt.
NOTENo fest.Textbasierte Farbfelder
Wenn für ein Farbfeld kein Bild verfügbar ist, wird der Attributwert als Text angezeigt. Ein textbasiertes Farb-/Bildmuster ist wie eine Schaltfläche mit einer Textbeschriftung und verhält sich wie ein Farb-/Bildmuster mit einem Bild. Wenn textbasierte Farbfelder verwendet werden, um die verfügbaren Größen anzuzeigen, werden alle Größen durchgestrichen, die nicht verfügbar sind.
Farbfelder in der mehrschichtigen Navigation
Farbfelder können auch in der mehrschichtigen Navigation verwendet werden, wenn die Use in Layered Navigation-Eigenschaft des Farbattributs auf Yes festgelegt ist. Das folgende Beispiel zeigt sowohl textbasierte als auch Farbbildmuster in der mehrschichtigen Navigation.
Erstellen von Farbfeldern für Produkte
Farbfelder können als Komponente des color-Attributs definiert oder lokal für ein bestimmtes Produkt eingerichtet und als „Produktbilder hochgeladen.
In den früheren Beispielen ist die Hose „Sylvia Capri“ in bestimmten Werten von red, green und blue erhältlich. Da die Farbfelder aus dem Produktbild entnommen wurden, sind sie jeweils 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 Farbfelder
Verwenden Sie eine der folgenden Methoden, um Farbfelder für Ihre Produkte zu erstellen.
Methode 1: Farbfeld hinzufügen
-
Um die tatsächliche Farbe eines Produkts zu erfassen, öffnen Sie das Bild in einem Fotoeditor und verwenden Sie das Pipettenwerkzeug, um die genaue Farbe zu identifizieren und den entsprechenden Hexadezimalwert zu beachten.
-
Navigieren Sie in Admin-Seitenleiste 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 Swatchgesetzt ist. -
Wenn Sie es vorziehen, entsprechende einfache Produktbilder nicht anzuzeigen, wenn der Musterabschnitt „Farbfeld“ auf der Seite „Produktanzeige“ ausgewählt ist, legen Sie Update Product Preview Image auf
Nofest. -
Klicken Sie unter Manage Swatch (Values of Your Attribute) auf Add Swatch und führen Sie folgende Schritte aus:
-
Klicken Sie in Spalte Muster“ auf das neue Muster und wählen Sie Choose a color aus dem Menü aus.
-
Platzieren Sie den Cursor im Farbwähler in das Feld #, löschen Sie den aktuellen Wert und geben Sie den sechsstelligen Hexadezimalwert der neuen Farbe ein.
-
Um den Musterabschnitt zu speichern, klicken Sie auf Farbrad (
-
Geben Sie in Spalte "" einen Titel ein, um die Farbe für den Store-Administrator zu beschreiben.
Bei Bedarf 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 aufgenommen, da die Farben nur für ein bestimmtes Produkt verwendet werden. Sie können ein Leerzeichen oder einen Unterstrich in die Beschriftung aufnehmen, jedoch keinen Bindestrich.
-
Wählen Sie in der Spalte Ist) das Farbfeld aus, das die Standardoption sein soll.
-
Um die Reihenfolge der Farbfelder zu ändern, klicken Sie auf das Symbol Order
-
-
Wenn Sie fertig sind, klicken Sie auf Save Attribute und aktualisieren Sie den Cache, wenn Sie dazu aufgefordert werden.
-
Öffnen Sie jedes Produkt im Bearbeitungsmodus und aktualisieren Sie das Color-Attribut mit dem richtigen Farbfeld.
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 Variante des Produkts wiederholen.
Die Größe und die Abmessungen des Farbfelds werden durch das Design bestimmt. Im Allgemeinen hilft das Speichern eines Bildes als Quadrat, das Seitenverhältnis eines Musters beizubehalten.
-
Navigieren Sie in Admin-Seitenleiste 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 Swatchgesetzt ist. -
Wenn Sie es vorziehen, entsprechende einfache Produktbilder nicht anzuzeigen, wenn der Musterabschnitt „Farbfeld“ auf der Seite „Produktanzeige“ ausgewählt ist, legen Sie Update Product Preview Image auf
Nofest. -
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 Farbfeld, um das Menü anzuzeigen, und wählen Sie Upload a file aus.
-
Navigieren Sie zur von Ihnen vorbereiteten Musterdatei und wählen Sie die hochzuladende Datei aus.
-
Wiederholen Sie diese Schritte für jedes Farb-/Bildmuster.
-
Geben Sie die Beschriftungen für die Admin- und Storefront ein.
In diesem Beispiel wird die SKU der Admin-Beschriftung als Referenz hinzugefügt, da diese Farben nur für ein bestimmtes Produkt verwendet werden. Sie können ein Leerzeichen oder einen Unterstrich in die Beschriftung aufnehmen, jedoch keinen Bindestrich.
-
-
Wenn Sie fertig sind, klicken Sie auf Save Attribute und aktualisieren Sie den Cache, wenn Sie dazu aufgefordert werden.
-
Öffnen Sie jedes Produkt im Bearbeitungsmodus und aktualisieren Sie das Color mit dem richtigen Farbfeld.
Gehen Sie wie folgt vor, um mehrere Produkte gleichzeitig zu aktualisieren.
