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.

Farbfelder auf einer Produktseite {width="700" modal="regular"}

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.

NOTE
Musterattribute können so konfiguriert werden, dass entsprechende einfache Produktbilder nicht angezeigt werden, wenn das Muster ausgewählt ist. Legen Sie dazu den Wert der Option Update Product Preview Image ​auf der Seite Attribute Edit in der Admin Console auf No 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.

Die textbasierte Farbfeldauswahl zeigt eine nicht vorrätige Größe an {width="700" modal="regular"}

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.

Farbfelder in werden in der mehrschichtigen Navigation angezeigt {width="700" modal="regular"}

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

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

    Hexadezimale Farbwerte {width="400"}

  2. Navigieren Sie in Admin-Seitenleiste zu Stores > Attributes>Product.

  3. Öffnen Sie im Raster das Attribut color im Bearbeitungsmodus.

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

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

  6. Klicken Sie unter Manage Swatch (Values of Your Attribute) ​auf Add Swatch ​und führen Sie folgende Schritte aus:

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

    • Klicken Sie in Spalte Muster“ auf das neue Muster und wählen Sie Choose a color aus dem Menü aus.

      Wählen Sie eine Musterfarbe aus {width="500" modal="regular"}

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

      Geben Sie den Hexadezimalwert ein {width="500" modal="regular"}

    • Um den Musterabschnitt zu speichern, klicken Sie auf Farbrad ( Farbsymbol ) unten rechts in der Farbauswahl.

    • 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 Sortierreihenfolge und ziehen Sie das Element an eine neue Position in der Liste.

      Musterbeschriftungen {width="400"}

  7. Wenn Sie fertig sind, klicken Sie auf Save Attribute und aktualisieren Sie den Cache, wenn Sie dazu aufgefordert werden.

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

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

    Musterbilder {width="400"}

  2. Navigieren Sie in Admin-Seitenleiste zu Stores > Attributes>Product.

  3. Öffnen Sie im Raster das Attribut color im Bearbeitungsmodus.

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

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

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

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

  7. Wenn Sie fertig sind, klicken Sie auf Save Attribute und aktualisieren Sie den Cache, wenn Sie dazu aufgefordert werden.

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

Schritt 2: Aktualisieren der Produkte

  1. Navigieren Sie in der Admin-Seitenleiste 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 Farbfeld gilt.

  4. Legen Sie Actions auf Update Attributes fest.

    In diesem Beispiel sind alle blauen Konfigurationen der Hose ausgewählt.

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

  5. Scrollen Sie nach unten zum Attribut Color und aktivieren Sie das Kontrollkästchen Change .

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

  6. Wählen Sie das Farbfeld aus, das für die ausgewählten Produkte gilt, und klicken Sie auf Save.

  7. Aktualisieren Sie bei Aufforderung den Cache.

    Farbfeld in der Storefront angezeigt {width="200"}

Hinzufügen von Farbfeldern zu einem einfachen Produkt

  1. Navigieren Sie in der Admin-Seitenleiste zu Catalog > Products.

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

  3. Klicken Sie auf Create Configurations Schaltfläche (unter der Registerkarte Configurations ).

  4. Wählen Sie im Popup-Fenster das Farbattribut und die Next aus.

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

  6. Klicken Sie in der Fortschrittsleiste auf Next.

  7. Konfigurieren Sie die Bilder, den Preis und die.

    Legen Sie in diesem Schritt die Bilder, die Preise und die Menge jeder Konfiguration fest. Die verfügbaren Optionen sind für alle 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 für vorerst überspringen.

  8. Wenn die Konfiguration der Bilder, des Preises und der 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.

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