Bei vielen Produkten reichen Dropdowns, Farbfelder und Optionslisten technisch vollkommen aus. Für den Kunden bleibt dabei aber ein Problem: Er wählt zwar eine Farbe, ein Material oder eine Form aus, sieht das tatsächliche Ergebnis seiner Auswahl jedoch nicht.

Besonders deutlich wird das bei Möbeln, Zubehör oder individuell gefertigten Produkten. Ein Tisch kann beispielsweise verschiedene Oberflächen und Gestelle besitzen. Technisch lassen sich diese Optionen problemlos in Magento abbilden. Interessanter wäre aber, wenn sich das Produktbild während der Auswahl direkt verändert.

Nicht für jede Kombination ein eigenes Bild

Bei wenigen Varianten kann man noch mit vorbereiteten Produktbildern arbeiten. Mit jeder zusätzlichen Auswahlmöglichkeit steigt die Anzahl der möglichen Kombinationen jedoch schnell an.

Drei Oberflächen, vier Gestelle und fünf Farben ergeben bereits 60 mögliche Zusammenstellungen. Werden weitere Optionen ergänzt, wird die Pflege fertiger Bilder entsprechend aufwendig.

Bei individuell gefertigten Produkten kommt noch ein anderes Problem hinzu: Viele Kombinationen existieren vor der Bestellung überhaupt noch nicht.

Das Produkt wird erst nach der Konfiguration gefertigt. Für jede mögliche Kombination vorab ein reales Muster anzufertigen und zu fotografieren, wäre wirtschaftlich und organisatorisch kaum sinnvoll.

Damit ist auch die klassische Lösung über konfigurierbare Produkte mit jeweils wechselnden Produktbildern oft keine echte Option. Die Bilder müssten schließlich zuerst vorhanden sein.

Genau dafür habe ich Vermontas SVG Studio für Magento 2 entwickelt.

Statt für jede mögliche Kombination ein fertiges Foto vorzuhalten, basiert die Darstellung auf einer strukturierten SVG Grafik. Einzelne Elemente dieser Grafik werden mit den Konfigurationsoptionen des Produktes verbunden.

Wählt der Kunde beispielsweise eine andere Oberfläche, Farbe oder Bauform, verändert sich die SVG Vorschau unmittelbar.

Visualisierung statt vorproduzierter Varianten

Gerade bei Produkten, die erst nach Kundenwunsch gefertigt werden, ist das ein wesentlicher Unterschied.

Mit klassischen Produktbildern müsste jede darstellbare Variante entweder bereits produziert, fotografiert oder aufwendig gerendert werden. Bei wenigen Kombinationen ist das machbar. Bei mehreren Materialien, Farben, Formen und Bauteilen wird es schnell unpraktisch.

SVG Studio erzeugt die Darstellung dagegen aus den einzelnen konfigurierbaren Bestandteilen.

Der Kunde sieht beispielsweise:

Platte in Eiche + schwarze Kante + Gestell Variante 3

obwohl genau diese Kombination möglicherweise noch nie als fertiges Produkt existiert hat.

Ein Simple Product kann ausreichen

Auch auf Magento Seite muss daraus nicht zwangsläufig eine große Anzahl eigener Produkte entstehen.

SVG Studio verwendet ein normales Simple Product als Grundlage. Farben, Materialien, Formen und andere Ausführungen werden als Konfigurationsoptionen darauf aufgebaut.

Das ist vor allem dann interessant, wenn die einzelnen Optionen keine eigenen Lagerartikel darstellen sollen.

Die reguläre Magento Lagerverwaltung bleibt für das zugrunde liegende Produkt aktiv. Bestand und Bestandsreduzierung erfolgen weiterhin auf Produktebene. SVG Studio führt bewusst keine zusätzlichen Lagerbestände für jeden einzelnen Optionswert.

Aufpreise bleiben trotzdem möglich

Eine andere Oberfläche oder ein aufwendigeres Gestell kann natürlich trotzdem einen anderen Preis haben.

Für einzelne Auswahlwerte lassen sich deshalb Aufpreise hinterlegen. Der Kunde sieht während der Konfiguration nicht nur die visuelle Veränderung, sondern auch den daraus entstehenden konfigurierten Preis.

Aus einer einfachen Produktseite wird damit beispielsweise:

Grundprodukt + Oberfläche + Gestell + Farbe + Aufpreise + Live Vorschau

ohne dass jede mögliche Zusammenstellung als eigenes Magento Produkt gepflegt werden muss.

Die SVG Grafik wird zur Grundlage der Konfiguration

Entscheidend ist eine passend aufgebaute SVG Datei. Die relevanten Flächen, Gruppen oder Elemente müssen eindeutig identifizierbar sein, damit sie mit den Produktoptionen verbunden werden können.

SVG Studio bringt dafür eine eigene SVG Bibliothek und einen grafischen Editor mit. Der Editor ist vor allem für nachträgliche Anpassungen vorhandener SVG Dateien gedacht. Konfigurationsfelder, Werte und Pools können zentral gepflegt und für unterschiedliche Produkte wiederverwendet werden.

Damit eignet sich die Lösung nicht nur für einen bestimmten Produkttyp. Denkbar sind beispielsweise Möbel, Fahrzeugzubehör, technische Produkte, individualisierbare Artikel oder andere Produkte, deren Unterschiede sich sinnvoll in einer SVG Grafik darstellen lassen.

Aus einer Auswahl wird eine sichtbare Entscheidung

Das eigentliche Problem ist aus meiner Sicht deshalb weniger die Produktoption selbst. Magento kann Optionen schon lange.

Die Frage ist vielmehr: Versteht der Kunde unmittelbar, was seine Auswahl am Produkt verändert?

Gerade bei individuell gefertigten Produkten ist das besonders wichtig, weil der Kunde seine konkrete Kombination vor der Bestellung häufig noch nie als fertiges Produkt gesehen haben kann.

Genau dort hilft eine visuelle Konfiguration. Der Kunde muss sich die Kombination nicht vorstellen und der Händler muss nicht erst jede mögliche Variante bauen, fotografieren oder als eigenes Produkt pflegen.

Wer Produkte mit vielen visuellen Auswahlmöglichkeiten in Magento anbietet und nicht für jede Kombination eigene Produkte oder Bilder pflegen kann oder möchte, findet weitere Informationen und eine interaktive Demo auf der Seite zu Vermontas SVG Studio.