Produktvergleich
Der Produktvergleich ermoeglicht es Kunden, mehrere Produkte nebeneinander in einer Eigenschaftstabelle zu vergleichen. Erleichtert die Auswahl, besonders in Shops mit grossem Sortiment.
Modul aktivieren
Abschnitt betitelt „Modul aktivieren“Gehen Sie zu WooCommerce > Polski > Shop-Module und aktivieren Sie die Option Produktvergleich. Auf den Produkten erscheint ein Vergleichsbutton.
Eigenschaftstabelle
Abschnitt betitelt „Eigenschaftstabelle“Nach dem Hinzufuegen von Produkten zum Vergleich sieht der Kunde eine Tabelle mit Spalten fuer jedes Produkt. Die Tabellenzeilen enthalten:
- Produktbild
- Name mit Link
- Preis (unter Beruecksichtigung von Aktionen und der Omnibus-Richtlinie)
- Bewertung (Sterne)
- Kurzbeschreibung
- Verfuegbarkeitsstatus
- Produktattribute (Farbe, Groesse usw.)
- Lieferzeit (falls gesetzt)
- Button In den Warenkorb
Zeilen mit identischen Werten koennen automatisch ausgeblendet werden - aktivieren Sie Identische Eigenschaften ausblenden in den Einstellungen. Der Kunde sieht dann nur die Unterschiede zwischen den Produkten.
Maximale Produktanzahl
Abschnitt betitelt „Maximale Produktanzahl“Standardmaessig kann der Kunde bis zu 4 Produkte gleichzeitig vergleichen. Das Limit kann in den Einstellungen oder per Filter geaendert werden:
add_filter('polski/compare/max_items', function (): int { return 6;});Nach Erreichen des Limits wird der Button Zum Vergleich hinzufuegen inaktiv. Der Kunde muss zuerst ein Produkt entfernen.
Automatischer Austausch
Abschnitt betitelt „Automatischer Austausch“Wenn Automatischer Austausch aktiv ist, ersetzt ein neues Produkt ueber dem Limit das aelteste. Der Kunde erhaelt eine Toast-Benachrichtigung.
Aktivierung in den Einstellungen: WooCommerce > Polski > Shop-Module > Produktvergleich > Automatischer Austausch.
Oder programmatisch:
add_filter('polski/compare/auto_replace', '__return_true');AJAX-Funktionsweise
Abschnitt betitelt „AJAX-Funktionsweise“Der Vergleich arbeitet ohne Seitenneuladung. Verfuegbare AJAX-Aktionen:
| Aktion | Beschreibung |
|---|---|
polski_compare_add | Produkt hinzufuegen |
polski_compare_remove | Produkt entfernen |
polski_compare_get | Produktliste abrufen |
polski_compare_clear | Vergleich leeren |
Daten werden in der WooCommerce-Session (WC()->session) gespeichert. Funktioniert fuer Gaeste und angemeldete Kunden.
Shortcode [polski_compare]
Abschnitt betitelt „Shortcode [polski_compare]“Parameter
Abschnitt betitelt „Parameter“| Parameter | Typ | Standard | Beschreibung |
|---|---|---|---|
columns | string | all | Anzuzeigende Eigenschaften (durch Komma getrennt) |
hide_similar | string | no | Zeilen mit identischen Werten ausblenden |
show_remove | string | yes | Produktentfernungsbutton anzeigen |
Verwendungsbeispiel
Abschnitt betitelt „Verwendungsbeispiel“[polski_compare columns="image,name,price,rating,stock" hide_similar="yes"]Verwendung auf einer dedizierten Seite
Abschnitt betitelt „Verwendung auf einer dedizierten Seite“Erstellen Sie eine Seite z.B. Produktvergleich und fuegen Sie den Shortcode ein:
[polski_compare]In den Moduleinstellungen geben Sie diese Seite als Vergleichsseite an. Der Button Vergleich ansehen leitet dorthin weiter.
Vergleichsbutton
Abschnitt betitelt „Vergleichsbutton“Der Button wird auf der Produktkarte (Kategorieseite) und auf der Einzelproduktseite angezeigt. Die Position steuern Sie per Filter:
add_filter('polski/compare/button_position', function (): string { return 'after_add_to_cart';});Verfuegbare Positionen: before_add_to_cart, after_add_to_cart, after_summary.
Vergleichsleiste (Floating Bar)
Abschnitt betitelt „Vergleichsleiste (Floating Bar)“Nach dem Hinzufuegen des ersten Produkts zum Vergleich erscheint am unteren Bildschirmrand eine Leiste mit Miniaturen der gewaehlten Produkte und dem Button Vergleichen. Die Leiste ist responsiv - auf mobilen Geraeten zeigt sie die Anzahl der gewaehlten Produkte statt Miniaturen.
Vergleich innerhalb einer Kategorie
Abschnitt betitelt „Vergleich innerhalb einer Kategorie“Standardmaessig koennen Produkte aus verschiedenen Kategorien verglichen werden. Um den Vergleich auf dieselbe Kategorie einzuschraenken:
add_filter('polski/compare/same_category_only', '__return_true');Der Kunde sieht eine Meldung, wenn er ein Produkt aus einer anderen Kategorie hinzufuegen moechte.
CSS-Styling
Abschnitt betitelt „CSS-Styling“CSS-Klassen des Moduls:
.polski-compare-button- Button zum Hinzufuegen zum Vergleich.polski-compare-button--active- Produkt ist im Vergleich.polski-compare-table- Vergleichstabelle.polski-compare-bar- Leiste am unteren Bildschirmrand.polski-compare-empty- Meldung bei leerem Vergleich
Fehlerbehebung
Abschnitt betitelt „Fehlerbehebung“Tabelle zeigt keine Attribute - stellen Sie sicher, dass Produktattribute als Sichtbar auf der Produktseite in der Produktbearbeitung (Tab Attribute) eingestellt sind.
Button reagiert nicht auf Klick - pruefen Sie die Browser-Konsole auf JavaScript-Konflikte. Haeufigste Ursache ist dupliziertes jQuery oder ein Konflikt mit einem JS-Optimierungs-Plugin.
Probleme melden: github.com/wppoland/polski/issues