<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Der Magento Experte</title>
	<atom:link href="https://www.der-mage-experte.de/tag/svg/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.der-mage-experte.de</link>
	<description>Ihr Magento Experte &#38; Entwickler</description>
	<lastBuildDate>Fri, 13 Nov 2026 09:50:16 +0000</lastBuildDate>
	<language>de-DE</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.8.6</generator>
	<item>
		<title>Produktvarianten visuell konfigurieren statt nur auswählen</title>
		<link>https://www.der-mage-experte.de/3276/magento2-produktvarianten-visuell-konfigurieren-statt-nur-auswaehlen/</link>
		<comments>https://www.der-mage-experte.de/3276/magento2-produktvarianten-visuell-konfigurieren-statt-nur-auswaehlen/#comments</comments>
		<pubDate>Fri, 13 Nov 2026 09:19:31 +0000</pubDate>
		<dc:creator><![CDATA[Mex]]></dc:creator>
				<category><![CDATA[Magento Lösungen]]></category>
		<category><![CDATA[Hyvä]]></category>
		<category><![CDATA[konfigurierbares Produkt]]></category>
		<category><![CDATA[Magento 2]]></category>
		<category><![CDATA[Produkt]]></category>
		<category><![CDATA[SVG]]></category>

		<guid isPermaLink="false">https://www.der-mage-experte.de/?p=3276</guid>
		<description><![CDATA[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&#8230;]]></description>
				<content:encoded><![CDATA[<p>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.</p>
<p>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.</p>
<div style="display:flex; flex-wrap:wrap; gap:14px; margin:28px 0;">
<div style="flex:1 1 200px; min-width:0; background:#f8f8f8; padding:22px; border-top:3px solid #ef672f; border-radius:4px;">
        <strong>Live Vorschau</strong></p>
<div style="margin-top:10px;">Der Kunde sieht unmittelbar, wie sich Farbe, Form oder Material am Produkt verändern.</div>
</p></div>
<div style="flex:1 1 200px; min-width:0; background:#f8f8f8; padding:22px; border-top:3px solid #ef672f; border-radius:4px;">
        <strong>Keine Bilderflut</strong></p>
<div style="margin-top:10px;">Nicht jede mögliche Produktkombination benötigt ein eigenes vorbereitetes Bild.</div>
</p></div>
<div style="flex:1 1 200px; min-width:0; background:#f8f8f8; padding:22px; border-top:3px solid #ef672f; border-radius:4px;">
        <strong>Für gefertigte Produkte</strong></p>
<div style="margin-top:10px;">Auch Varianten, die vor der Bestellung noch gar nicht als fertiges Produkt existieren, können visualisiert werden.</div>
</p></div>
<div style="flex:1 1 200px; min-width:0; background:#f8f8f8; padding:22px; border-top:3px solid #ef672f; border-radius:4px;">
        <strong>Simple Product</strong></p>
<div style="margin-top:10px;">Die Konfiguration kann auf einem normalen Magento Simple Product aufgebaut werden.</div>
</p></div>
</div>
<p><strong>Nicht für jede Kombination ein eigenes Bild</strong></p>
<p>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.</p>
<p>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.</p>
<p>Bei individuell gefertigten Produkten kommt noch ein anderes Problem hinzu: <strong>Viele Kombinationen existieren vor der Bestellung überhaupt noch nicht.</strong></p>
<p>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.</p>
<p>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.</p>
<p>Genau dafür habe ich <a href="https://vermonta.de/svg-studio-magento2-produktkonfigurator.html">Vermontas SVG Studio für Magento 2</a> entwickelt.</p>
<p>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.</p>
<p>Wählt der Kunde beispielsweise eine andere Oberfläche, Farbe oder Bauform, verändert sich die SVG Vorschau unmittelbar.</p>
<div style="background:#f8f8f8; border-left:3px solid #ef672f; padding:24px; margin:28px 0; border-radius:0 5px 5px 0;">
    <strong>Nahezu unbegrenzte Möglichkeiten. Eine Live Vorschau.</strong></p>
<div style="margin-top:12px;">Auch Kombinationen, die noch nie gefertigt oder fotografiert wurden, können direkt während der Konfiguration sichtbar gemacht werden.</div>
</div>
<p><strong>Visualisierung statt vorproduzierter Varianten</strong></p>
<p>Gerade bei Produkten, die erst nach Kundenwunsch gefertigt werden, ist das ein wesentlicher Unterschied.</p>
<p>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.</p>
<p>SVG Studio erzeugt die Darstellung dagegen aus den einzelnen konfigurierbaren Bestandteilen.</p>
<p>Der Kunde sieht beispielsweise:</p>
<p><strong>Platte in Eiche + schwarze Kante + Gestell Variante 3</strong></p>
<p>obwohl genau diese Kombination möglicherweise noch nie als fertiges Produkt existiert hat.</p>
<p><strong>Ein Simple Product kann ausreichen</strong></p>
<p>Auch auf Magento Seite muss daraus nicht zwangsläufig eine große Anzahl eigener Produkte entstehen.</p>
<p>SVG Studio verwendet ein normales <strong>Simple Product</strong> als Grundlage. Farben, Materialien, Formen und andere Ausführungen werden als Konfigurationsoptionen darauf aufgebaut.</p>
<p>Das ist vor allem dann interessant, wenn die einzelnen Optionen keine eigenen Lagerartikel darstellen sollen.</p>
<p>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.</p>
<div style="display:flex; flex-wrap:wrap; gap:14px; margin:28px 0;">
<div style="flex:1 1 200px; min-width:0; background:#f8f8f8; padding:22px; border-top:3px solid #ef672f; border-radius:4px;">
        <strong>Optionen</strong></p>
<div style="margin-top:10px;">Farben, Materialien, Formen und andere Auswahlwerte lassen sich mit der SVG Darstellung verbinden.</div>
</p></div>
<div style="flex:1 1 200px; min-width:0; background:#f8f8f8; padding:22px; border-top:3px solid #ef672f; border-radius:4px;">
        <strong>Aufpreise</strong></p>
<div style="margin-top:10px;">Einzelne Auswahlwerte können den konfigurierten Preis des Produktes verändern.</div>
</p></div>
<div style="flex:1 1 200px; min-width:0; background:#f8f8f8; padding:22px; border-top:3px solid #ef672f; border-radius:4px;">
        <strong>Lagerbestand</strong></p>
<div style="margin-top:10px;">Die normale Magento Lagerverwaltung des zugrunde liegenden Produktes bleibt bestehen.</div>
</p></div>
</div>
<p><strong>Aufpreise bleiben trotzdem möglich</strong></p>
<p>Eine andere Oberfläche oder ein aufwendigeres Gestell kann natürlich trotzdem einen anderen Preis haben.</p>
<p>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.</p>
<p>Aus einer einfachen Produktseite wird damit beispielsweise:</p>
<p><strong>Grundprodukt + Oberfläche + Gestell + Farbe + Aufpreise + Live Vorschau</strong></p>
<p>ohne dass jede mögliche Zusammenstellung als eigenes Magento Produkt gepflegt werden muss.</p>
<p><strong>Die SVG Grafik wird zur Grundlage der Konfiguration</strong></p>
<p>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.</p>
<p>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.</p>
<p>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.</p>
<p><strong>Aus einer Auswahl wird eine sichtbare Entscheidung</strong></p>
<p>Das eigentliche Problem ist aus meiner Sicht deshalb weniger die Produktoption selbst. Magento kann Optionen schon lange.</p>
<p>Die Frage ist vielmehr: <strong>Versteht der Kunde unmittelbar, was seine Auswahl am Produkt verändert?</strong></p>
<p>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.</p>
<p>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.</p>
<p>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 <a href="https://vermonta.de/svg-studio-magento2-produktkonfigurator.html">Vermontas SVG Studio</a>.</p>]]></content:encoded>
			<wfw:commentRss>https://www.der-mage-experte.de/3276/magento2-produktvarianten-visuell-konfigurieren-statt-nur-auswaehlen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
