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.

Muster auf einer Produktseite {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.

NOTE
Farbfeldattribute können so konfiguriert werden, dass bei Auswahl des Farbmusters keine entsprechenden einfachen Produktbilder angezeigt werden, indem die Einstellung Update Product Preview Image ​Optionswert auf 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.

Textbasierte Musterauswahl zeigt die nicht vorrätige Größe an {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.

Muster 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

  1. 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.

    Hexadezimalfarbwerte {width="400"}

  2. Im Admin Seitenleiste, navigieren Sie zu Stores > Attributes>Product.

  3. Öffnen Sie im Raster die color -Attribut im Bearbeitungsmodus.

  4. Stellen Sie sicher, dass Catalog Input Type for Store Owner auf Visual Swatch.

  5. 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.

  6. under Manage Swatch (Values of Your Attribute) ​klicken Add Swatch ​und gehen Sie wie folgt vor:

    Verwalten von Musterwerten {width="600" modal="regular"}

    • Im Muster klicken Sie auf das neue Muster und wählen Sie Choose a color aus dem Menü.

      Auswählen einer Musterfarbe {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.

      Hexadezimalwert eingeben {width="500" modal="regular"}

    • Um das Muster zu speichern, klicken Sie auf die Schaltfläche Farbrad Farbsymbol ) 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 Symbol Sortierung und ziehen Sie das Element an eine neue Position in der Liste.

      Musterbezeichnungen {width="400"}

  7. Wenn Sie fertig sind, klicken Sie auf Save Attribute und aktualisieren Sie den Cache bei Aufforderung.

  8. Ö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

  1. 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.

    Musterbilder {width="400"}

  2. Im Admin Seitenleiste, navigieren Sie zu Stores > Attributes>Product.

  3. Öffnen Sie im Raster die color -Attribut im Bearbeitungsmodus.

  4. Stellen Sie sicher, dass Catalog Input Type for Store Owner auf Visual Swatch.

  5. 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.

  6. 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.

      Titel eingeben {width="500" modal="regular"}

  7. Wenn Sie fertig sind, klicken Sie auf Save Attribute und aktualisieren Sie den Cache bei Aufforderung.

  8. Ö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

  1. Im Admin Seitenleiste, navigieren Sie zu Catalog > Products.

  2. Verwenden Sie die Filter , um die Liste nach Name oder SKU anzuzeigen und nur die entsprechenden Produkte einzuschließen.

  3. Aktivieren Sie im Raster das Kontrollkästchen jedes Produkts, für das das Muster gilt.

  4. Satz Actions nach Update Attributes.

    In diesem Beispiel werden alle blauen Einstellungen der Hosen ausgewählt.

    Aktualisieren von Produktmuster-Attributen {width="600" modal="regular"}

  5. Scrollen Sie nach unten zum Color und wählen Sie das Change aktivieren.

    Kontrollkästchen "Ändern" {width="400"}

  6. Wählen Sie das für die ausgewählten Produkte zutreffende Muster aus und klicken Sie auf Save.

  7. Wenn Sie dazu aufgefordert werden, aktualisieren Sie den Cache.

    Muster in werden im Storefront angezeigt {width="200"}

Hinzufügen von Farbfeldern zu einem einfachen Produkt

  1. Im Admin Seitenleiste, navigieren Sie zu Catalog > Products.

  2. Öffnen Sie ein Produkt im Bearbeitungsmodus und überprüfen Sie den Produktstatus (sollte aktiviert sein).

  3. Klicks Create Configurations -Schaltfläche (unter der Configurations Registerkarte).

  4. Wählen Sie im Popup-Fenster das Attribut Farbe und Next.

  5. Wählen Sie Farbmuster aus dem Attribut aus, das Sie in dieses Produkt aufnehmen möchten.

  6. Klicken Sie in der Fortschrittsleiste auf Next.

  7. 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.

  8. 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.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071