Produktvergleich Vergleichstabelle Detailseite | Vergleich aus dem Cross Selling

Über die Erweiterung

Ein Kunde steht auf deiner Produktseite und schwankt. Das Modell gefällt ihm, aber ist das größere nicht doch besser? Also öffnet er drei Tabs, scrollt zwischen den Eigenschaften hin und her und vergleicht im Kopf. Oft endet das mit einem geschlossenen Browserfenster.

Das Problem

Shopware zeigt Alternativen im Cross-Selling als Slider: Bild, Name, Preis. Die Unterschiede, auf die es beim Kauf ankommt, stehen aber in den Eigenschaften, und die sieht der Kunde erst auf der nächsten Detailseite. Wer zwei Modelle vergleichen will, muss sie selbst nebeneinanderlegen. Das kostet ihn Zeit und dich Abschlüsse.

Die Lösung

Das Plugin setzt eine Vergleichstabelle direkt auf die Produktseite. Die erste Spalte ist das Produkt, das der Kunde gerade ansieht. Die weiteren Spalten holt das Plugin automatisch aus einer Cross-Selling-Gruppe dieses Produkts, die du ohnehin schon pflegst. Darunter steht für jede Eigenschaftsgruppe eine Zeile, Wert neben Wert. So kennen deine Kunden das von den großen Marktplätzen.

Was du davon hast

• Kein zweites Pflegesystem. Die Vergleichsartikel sind eine ganz normale Cross-Selling-Gruppe am Produkt, als Produktliste oder dynamische Produktgruppe. Du trägst im Element nur ihren Namen ein oder lässt das Feld leer, dann nimmt das Plugin die erste aktive Gruppe.
• Ein Layout für alle Produkte. Du baust die Tabelle einmal in ein Produktseiten-Layout ein. Jedes Produkt mit diesem Layout zeigt seinen eigenen Vergleich, ohne dass du pro Artikel etwas einrichtest.
• Nichts doppelt auf der Seite. Die Option „Gruppe im Cross-Selling-Slider ausblenden“ ist standardmäßig an: Die Gruppe, die als Tabelle erscheint, verschwindet aus dem Cross-Selling-Element derselben Seite. Andere Gruppen wie Zubehör bleiben stehen.
• Unterschiede auf einen Blick. Über der Tabelle steht der Schalter „Nur Unterschiede anzeigen“. Ein Klick blendet alle Zeilen aus, in denen die Produkte gleich sind. Übrig bleibt genau das, worüber der Kunde nachdenkt.
• Kaufen ohne Umweg. Der Kaufen-Button in jeder Spalte legt das Produkt in den Warenkorb und öffnet den Offcanvas-Warenkorb. Der Kunde bleibt auf der Seite.
• Auch als feste Auswahl. Für Landingpages und Erlebniswelten wählst du 2 bis 5 Produkte selbst aus, etwa für eine Seite „Modelle im Vergleich“.

So arbeitet das Plugin

Du ziehst den Block „Produkt-Vergleichstabelle“ aus der Kategorie Commerce in ein Layout. In den Element-Einstellungen wählst du die Produktquelle: „Produktseite (Cross-Selling)“ oder „Feste Auswahl“. Bei der Produktseite legst du fest, wie viele Spalten es höchstens werden, 2 bis 5 einschließlich des aktuellen Produkts.

Die Eigenschaften kommen automatisch aus den verglichenen Produkten, und zwar die Gruppen, die auch auf der Produktdetailseite erscheinen. Alternativ wählst du im manuellen Modus bis zu 30 Eigenschaftsgruppen in deiner Reihenfolge. Ja/Nein-Eigenschaften zeigt die Tabelle als Symbole statt als Text. Bild, Preis mit Streich- und Grundpreis, Verfügbarkeit, Kaufen-Button und eine kurze Beschreibung schaltest du einzeln an oder aus.

Varianten sind mitgedacht. Ein Hauptartikel mit Varianten zeigt einen „ab“-Preis und statt des Kaufen-Buttons den Link „Variante wählen“. Eine einzelne Variante zeigt ihre eigenen Optionen.

Auf dem Smartphone scrollt die Tabelle seitlich, die Spalte mit den Eigenschaftsnamen bleibt dabei stehen. Ohne Vergleichsartikel erscheint keine Tabelle, die Seite sieht dann aus wie vorher.

Typische Einsatzszenarien

• Elektronik: Auf der Seite eines Bluetooth-Lautsprechers stehen die zwei größeren Modelle daneben. Akkulaufzeit, Leistung und Wasserschutz sind in einer Zeile ablesbar, „Nur Unterschiede anzeigen“ blendet den Rest aus.
• Werkzeughandel: Ein Akkuschrauber mit 12 V neben der 18-V-Version und dem Profimodell. Die dynamische Produktgruppe füllt die Spalten nach deinen Regeln, du pflegst nichts von Hand.
• Kampagnen-Landingpage: Für eine Aktion stellst du in einer Erlebniswelt vier ausgewählte Modelle fest nebeneinander, mit Kaufen-Button in jeder Spalte.
• Headless-Shop: Dein Composable Frontend holt dieselbe Vergleichsmatrix über die Store-API und stellt sie im eigenen Design dar.

Technische Fakten für deine IT

• Shopware 6.7.11 oder höher innerhalb von 6.7, PHP 8.2 oder höher. Die Storefront-Ausgabe ist eine Twig-Komponente, das Komponentensystem gibt es erst seit 6.7.11.
• Keine eigenen Datenbanktabellen, keine Änderungen an Shopware-Tabellen. Die Einstellungen liegen im Element der Erlebniswelt.
• Die Cross-Selling-Auswertung läuft über Shopwares eigene Cross-Selling-Route: nur aktive Gruppen, nur im Verkaufskanal sichtbare Produkte, Sortierung und Limit der Gruppe.
• Store-API-Route /store-api/swp-product-comparison-table (GET und POST) mit denselben Daten wie die Storefront, für Composable Frontends.
• Pro Verkaufskanal ein- und ausschaltbar. Ist das Plugin aus, laden Seiten mit dem Element weiter, nur ohne Tabelle.
• HTTP-Cache bleibt aktiv. Ändern sich Eigenschaften, Produktzuordnungen oder die Konfiguration, erneuert Shopware die betroffenen Seiten automatisch.
• Das Plugin sendet keine Daten an externe Server und speichert keine personenbezogenen Daten.
• Tabellenüberschrift, Kopfzellen-Bezüge und Texte für Screenreader sind eingebaut. Farben kommen aus den CSS-Variablen deines Themes.
• Deinstallation: Lässt du die Plugin-Daten entfernen, nimmt das Plugin seine Blöcke aus den Layouts. Andernfalls bleiben sie erhalten.

Hinweise

Die Tabelle vergleicht die Eigenschaften, die du an deinen Produkten pflegst. Je vollständiger sie sind, desto klarer sieht dein Kunde, was die Modelle trennt. Probier es auf einer Produktseite mit gut gepflegten Eigenschaften aus, dort zeigt es am schnellsten, was es kann.

Rechtlicher Hinweis

Wir übernehmen keine Haftung für rechtliche Vorgaben. Bitte prüfe die Nutzung in Abstimmung mit einem qualifizierten Rechtsbeistand.