In diesem Artikel beschreiben wir das Hinzufügen von Bildern, das Pflegen von zusätzlichen Informationen am Bild und das Anlegen eines Bild-Mappings für einen Variantenartikel. Dadurch ergibt sich die Möglichkeit, Artikel in diversen Varianten mit gesonderten Bildern darzustellen.
Neben dem Medien-Upload direkt im Media-Manager kannst Du Bilder auch bequem direkt in den Artikelstammdaten hochladen und pflegen, öffne dazu den Tab "Bilder" in den Artikeldetails:
Hier hast Du folgende Möglichkeiten:
Das Vorschaubild kann für Variantenartikel entweder das erste Bild der ersten Variante sein, das erste Bild der gemappten (konfigurierten) Variante oder immer das als Vorschau markierte Bild. Dies lässt sich in den Grundeinstellungen unter Einstellungen > Grundeinstellungen > Storefront > Kategorien / Listen > Immer das Artikel-Vorschaubild nutzen definieren.
Wenn Du mit Varianten im Listing arbeitest und Deine Kunden die Varianten im Listing auffächern, wird ungeachtet der Grundeinstellungen immer das passende Vorschaubild der Variante bzw Variantengruppe angezeigt.
Um bei Varianten im Listing immer die treffendsten Bilder auszugeben, empfehlen wir, die Bilder mit dem detailiertesten Mapping nach vorn zu sortieren. Also "Leder > Schwarz > XL" vor "Leder > Schwarz" vor "Leder", so wird beim Auffächern der einzelnen Gruppen immer das passende Variantengruppen-Bild angezeigt, aber bei kompletter Auffächerung dennoch das speziell gemappte Variantenbild.
Es werden hier immer nur die Werte des gewählten Bildes angezeigt, klicke also zuerst das gewünschte Bild an, bevor Du Änderungen vornimmst. Für jedes Bild steht ein Titelfeld zur Verfügung, welches Du individuell füllen kannst.
Attributfelder sind im Standard nicht enthalten, Du kannst Dir aber jederzeit neue Attributfelder über die Freitextfeld-Verwaltung erstellen.
Diese Freitextfelder sind dann im Frontend unter {$sArticle.image.attribute.XXX} erreichbar, wobei XXX hier für Dein Attribut steht.
Wenn Du den Artikel ohne Filtern aus dem Listing öffnest, wird Dir immer das Vorschaubild angezeigt. Rufst Du den Artikel jedoch über eine aufgefächterte Variante auf (zum Beispiel gefiltert nach Farbe Beige) wird die entsprechende Variante bzw. dessen Gruppe geöffnet und das zugehörige Bild der beigen Variante angezeigt.
Im Listing können je nach Situation unterschiedliche Bilder angezeigt werden. Dies hängt grundsätzlich ersteinmal von der Option Einstellungen > Grundeinstellungen > Storefront > Kategorien / Listen > Immer das Artikel-Vorschaubild anzeigen ab.
Wenn Du Varianten im Listing nutzt, bekommst Du im Listing jedoch ungeachtet dieser Einstellung immer das Bild angezeigt, was zur aktuell gefilterten Variante bzw. Variantengruppe passt.
Das Bildmapping ist die Zuweisung von Bildern zu bestimmten Varianten, um den Unterschied der Varianten auch passend darstellen zu können. In diesem Abschnitt erklären wir Dir, wie Du dieses Mapping erstellen kannst.
Das Mapping wird immer auf das markierte Bild angewendet. Falls Du mehrere Bilder mappen willst, kannst Du dies einfach durch gedrückt halten der STRG-Taste und dem Anklicken mit der Maus oder dem Markieren der Bilder mit der linken Maustaste (Rahmen ziehen) durchführen. Denke aber daran, dass beim Mapping von mehreren Bildern Deine getätigte Konfiguration auf alle Bilder gleichzeitig ausgespielt wird.
Wenn Du das Mapping mehrerer Bilder bearbeitest, wird Dir das aktuelle Mapping nicht angezeigt. Du kannst aber für alle markierten Bilder ein gemeinsames neues Mapping erstellen und speichern.
Beachte, dass das Mapping mehrerer Bilder das aktuelle Mapping der markierten Bildern überschreibt! Alle derzeitigen Mappings der Bilder werden dabei gelöscht.
Bei Klick auf den Button "Konfiguration öffnen" öffnet sich ein Popup, in diesem Popup werden Dir alle aktuellen Konfigurationen des Bildes angezeigt:
Möchtest Du eine neue Konfiguration erstellen, klicke auf "Zuordnung hinzufügen". Es öffnet sich ein weiteres Popup, welches die vgerfügbaren Gruppen und Optionen des Artikels anzeigt (Es werden immer nur die Gruppen und Optionen angezeigt, in denen der Artikel auch verfügbar ist):
In unserem Beispiel haben wir die Farben und die Größen des Schuhs für das Mapping zur Verfügung, klicke nun die gewünschte Option an.
Pro Gruppe kannst Du immer nur eine Option wählen! Du kannst das Mapping im Beispiel entweder nur auf Farbe, nur auf Größe oder auf Farbe und Größe erstellen. Wenn Du nur auf Farbe mappst, wird das Bild nur bei dieser Farbe angezeigt, Welche Größe Du im Nachgang auswählst ist dabei egal. Wählst Du Dein Mapping auf Farbe und Größe, wird das Bild nur bei dieser Farbe und exakt dieser Größe dargestellt. Weicht eins der beiden Optionen im Frontend ab, wird das Bild nicht mehr angezeigt.
Merkhilfe:
Gruppen werden immer mit "UND" verknüpft.
Pro Gruppe kann nur eine Option gewählt werden.
Möchtest Du mehrere Optionen einer Gruppe mappen, kannst Du das über mehrere Konfigurationen lösen.
Um das Mapping nun korrekt zu erstellen, wähle die passende Option aus. Im Beispiel ist der blaue Schuh ausgewählt, wir klicken also die Option "Blau" der Gruppe "Farbe" an und klicken 2x auf "Speichern" (um das einzelne Mapping zu speichern als auch das gesamte Mapping). Ab sofort wird das Bild des blauen Schuhs im Frontend immer dann angezeigt, wenn der Kunde die Farbe "Blau" auswählt, unabhängig von der Größe.
Bilder, die eine Konfiguration besitzen, erkennst Du am kleinen blauen Zahnrad, welches oben rechts im Vorschaubild angezeigt wird. Wenn Du die Konfiguration ändern willst, kannst Du auch das Zahnrad anklicken.
Als weiteres Beispiel nehmen wir einen Artikel, den es in 2 Farben und 2 Ausführungen gibt, also 4 Varianten mit 4 unterschiedlichen Bildern. Die Laterne im Beispiel soll in Schwarz und Weiss verfügbar sein sowie in einer runden und einer eckigen Ausführung. Also muss das Mapping in jeder Gruppe entsprechend gesetzt werden.
Im Frontend sieht der Artikel dann wie folgt aus: