Benutzungsanleitung#
Diese Anleitung erklärt, wie Kunden die Produktvergleichsfunktion in Ihrem Shop nutzen können.
Produkte zum Vergleich hinzufügen#
- Ein Kunde kann ein Produkt zur Vergleichsliste hinzufügen, indem er auf das Vergleichs-Icon (
<sw_icon 'chart-bar-filled'>) klickt. Dieses Icon erscheint auf Produktboxen in Kategorielistings und auf der Produktdetailseite. - Nach dem Klick auf das Icon bestätigt ein kleines modales Fenster, dass das Produkt hinzugefügt wurde.
- Die Gesamtzahl der zu vergleichenden Produkte wird im Header des Shops angezeigt.
Das Vergleichs-Modal#
Kunden können die Vergleichsliste einsehen, indem sie auf den Link "Produkte vergleichen" im Header klicken. Dies öffnet ein modales Fenster im Vollbildmodus mit den folgenden Funktionen:
- Produktdarstellung: Verglichene Produkte werden nebeneinander in Spalten angezeigt, inklusive Bild, Titel, Preis und einem "In den Warenkorb"-Button.
- Eigenschaftstabelle: Unter den Produkten listet eine Tabelle alle relevanten Eigenschaften auf.
- Unterschiedliche Werte: Eigenschaften, bei denen die Produkte unterschiedliche Werte aufweisen, werden mit einem Icon (
<sw_icon 'x'>) hervorgehoben. - Gleiche Werte: Eigenschaften, bei denen alle Produkte den gleichen Wert haben, sind mit einem Icon (
<sw_icon 'checkmark'>) gekennzeichnet.
- Unterschiedliche Werte: Eigenschaften, bei denen die Produkte unterschiedliche Werte aufweisen, werden mit einem Icon (
- Gruppen-Tabs: Wenn die Produktgruppierung in der Plugin-Konfiguration aktiv ist, sehen Kunden am oberen Rand des Modals Reiter (Tabs). Sie können zwischen verschiedenen Vergleichsgruppen wechseln (z. B. "Smartphones" und "Tablets").
- Ein Produkt entfernen: Jedes Produkt im Vergleich hat einen Entfernen-Button (
<sw_icon 'x'>), um es von der Liste zu nehmen.
Filter- und Ansichtsoptionen#
Innerhalb des Modals stehen mehrere Steuerelemente zur Verfügung:
- Nur Unterschiede / Alle Eigenschaften: Ein Button, mit dem der Benutzer zwischen der Ansicht aller Eigenschaften und der Ansicht nur der Eigenschaften mit unterschiedlichen Werten umschalten kann.
- Eigenschaften ausblenden/einblenden: Ein Button zum Ein- oder Ausklappen der gesamten Eigenschaftstabelle.
- In Seite öffnen: Dieser Button öffnet eine neue, teilbare Seite, die den aktuellen Vergleich anzeigt. Dies ist nützlich, um jemandem einen direkten Link zu senden.
- Vergleich teilen: Auf mobilen Geräten erscheint ein "Vergleich teilen"-Button, mit dem Benutzer die URL der Vergleichsseite einfach teilen können.