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.
{width="700" modal="regular"}
Für konfigurierbare Produkte, kann die Farbe durch ein visuelles Muster, ein Textmuster oder ein Eingabefeld angegeben werden. Muster können auf der Produktseite, in Produktlisten und in mehrstufige Navigation. 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
auf Attribute Edit in der Admin-Seite.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.
{width="700" modal="regular"}
Muster in der Navigation mit Ebenen
Muster können auch in der Navigation mit Ebenen verwendet werden, wenn die Use in Layered Navigation-Eigenschaft des Farbattributs auf Yes
. Das folgende Beispiel zeigt sowohl textbasierte als auch farbige Bildmuster in der Navigation mit Ebenen.
{width="700" modal="regular"}
Erstellen von Mustern für Produkte
Muster können als Komponente der color
Attribut zuweisen oder lokal für ein bestimmtes Produkt einrichten und als Produktbilder.
In den vorherigen Beispielen sind die Hosen "Sylvia Capri"in bestimmten Werten von red
, green
, und blue
. Da die Farbmuster aus dem Produktbild entnommen wurden, ist jede eine wahre Darstellung der Farbe. Die color
-Attribut 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"}
-
Im Admin Seitenleiste, navigieren Sie zu Stores > Attributes>Product.
-
Öffnen Sie im Raster die color -Attribut im Bearbeitungsmodus.
-
Stellen Sie sicher, dass Catalog Input Type for Store Owner auf
Visual Swatch
. -
Wenn Sie es vorziehen, keine entsprechenden einfachen Produktbilder anzuzeigen, wenn das Muster auf der Produktansichtsseite ausgewählt ist, legen Sie Update Product Preview Image nach
No
. -
under Manage Swatch (Values of Your Attribute) klicken Add Swatch und gehen Sie wie folgt vor:
{width="600" modal="regular"}
-
Im Muster klicken Sie auf das neue Muster und wählen Sie Choose a color aus dem Menü.
{width="500" modal="regular"}
-
Platzieren Sie den Cursor in der Farbauswahl im # den aktuellen Wert löschen und den sechstelligen Hexadezimalwert der neuen Farbe eingeben.
{width="500" modal="regular"}
-
Um das Muster zu speichern, klicken Sie auf die Schaltfläche Farbrad ( ) in der rechten unteren Ecke der Farbauswahl.
-
Im Admin geben Sie 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 Admin -Beschriftung, 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.
-
Im Ist Standard auswählen, wählen Sie die Standardoption für das Muster aus.
-
Um die Reihenfolge der Farbmuster zu ändern, klicken Sie auf die Schaltfläche Order und ziehen Sie das Element an eine neue Position in der Liste.
{width="400"}
-
-
Wenn Sie fertig sind, klicken Sie auf Save Attribute und aktualisieren Sie den Cache bei Aufforderung.
-
Öffnen Sie jedes Produkt im Bearbeitungsmodus und aktualisieren Sie die Farbe -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 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"}
-
Im Admin Seitenleiste, navigieren Sie zu Stores > Attributes>Product.
-
Öffnen Sie im Raster die color -Attribut im Bearbeitungsmodus.
-
Stellen Sie sicher, dass Catalog Input Type for Store Owner auf
Visual Swatch
. -
Wenn Sie es vorziehen, keine entsprechenden einfachen Produktbilder anzuzeigen, wenn das Muster auf der Produktansichtsseite ausgewählt ist, legen Sie Update Product Preview Image nach
No
. -
under Manage Swatch(Werte Ihres Attributs), klicken Sie auf Add Swatch und gehen Sie wie folgt vor:
-
Im Swatch klicken Sie auf das neue Muster, um das Menü anzuzeigen und Upload a file.
-
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"}
-
-
Wenn Sie fertig sind, klicken Sie auf Save Attribute und aktualisieren Sie den Cache bei Aufforderung.
-
Öffnen Sie jedes Produkt im Bearbeitungsmodus und aktualisieren Sie die Color -Attribut mit dem richtigen Farbfeld.
Gehen Sie wie folgt vor, um mehrere Produkte gleichzeitig zu aktualisieren.
Schritt 2: Aktualisieren der Produkte
-
Im Admin Seitenleiste, navigieren Sie zu Catalog > Products.
-
Verwenden Sie die 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.
-
Satz Actions nach
Update Attributes
.In diesem Beispiel werden alle blauen Einstellungen der Hosen ausgewählt.
{width="600" modal="regular"}
-
Scrollen Sie nach unten zum Color und wählen Sie das Change aktivieren.
{width="400"}
-
Wählen Sie das für die ausgewählten Produkte zutreffende Muster aus und klicken Sie auf Save.
-
Wenn Sie dazu aufgefordert werden, aktualisieren Sie den Cache.
{width="200"}
Hinzufügen von Farbfeldern zu einem einfachen Produkt
-
Im Admin Seitenleiste, navigieren Sie zu Catalog > Products.
-
Öffnen Sie ein Produkt im Bearbeitungsmodus und überprüfen Sie den Produktstatus (sollte aktiviert sein).
-
Klicks Create Configurations -Schaltfläche (unter der
Configurations
Registerkarte). -
Wählen Sie im Popup-Fenster das Attribut Farbe und Next.
-
Wählen Sie Farbmuster aus dem Attribut aus, das Sie in dieses Produkt aufnehmen möchten.
-
Klicken Sie in der Fortschrittsleiste auf Next.
-
Bilder, Preise und Menge konfigurieren.
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.
-
Klicken Sie nach Abschluss der Konfiguration für Bilder, Preise und Menge auf Next in der oberen rechten Ecke.
Die aktuellen Produktvarianten werden unten im Abschnitt Konfiguration angezeigt. Wenn Sie mit den Konfigurationen zufrieden sind, klicken Sie auf Generate Products.