Side cart (live cart)

Der seitliche Warenkorb ist ein einschiebbares Panel (Drawer), das erscheint, nachdem ein Produkt in den Warenkorb gelegt wurde. Der Kunde sieht den Warenkorbinhalt, ohne die Produktseite zu verlassen, was den Kaufweg verkürzt und Warenkorbabbrüche reduziert.

Modul aktivieren

Gehen Sie zu WooCommerce > Polski > Shop-Module und aktivieren Sie Side cart. Nachdem ein Produkt in den Warenkorb gelegt wurde, schiebt sich das Panel automatisch von der gewählten Seite des Bildschirms ein.

Funktionen

• Einschiebbares Warenkorb-Panel nach dem Hinzufügen eines Produkts (Slide-in-Drawer)
• Aktualisierung in Echtzeit über WooCommerce Cart Fragments
• Animierte Fortschrittsleiste für den Gratisversand
• Ändern von Produktmengen ohne Neuladen der Seite
• Entfernen von Produkten aus dem Warenkorb im Panel
• Zusammenfassung des Warenkorbwerts
• Overlay, das den Seitenhintergrund abdunkelt
• Auswahl der Anzeigeseite (links/rechts)

Einstellungen

Konfiguration unter WooCommerce > Polski > Shop-Module > Side cart.

Einstellung	Standard	Beschreibung
auto_open	true	Panel nach dem Hinzufügen eines Produkts automatisch öffnen
show_subtotal	true	Zusammenfassung des Warenkorbwerts anzeigen
show_shipping_notice	true	Fortschrittsleiste für den Gratisversand anzeigen
free_shipping_threshold	200	Schwelle für den Gratisversand in der Shop-Währung
position	right	Bildschirmseite: right oder left
overlay	true	Hintergrund abdunkeln, wenn das Panel geöffnet ist

Option in der Datenbank: polski_live_cart.

Gratisversand-Leiste

Die Leiste zeigt, wie viel bis zum Gratisversand fehlt. Sobald die Schwelle überschritten ist, wird eine Bestätigungsmeldung angezeigt. Die Schwelle wird aus der Einstellung free_shipping_threshold übernommen oder automatisch aus der WooCommerce-Versandmethode (sofern konfiguriert).

Beispiel für Meldungen:

• “Ihnen fehlen noch 45,00 zl bis zum Gratisversand”
• “Herzlichen Glückwunsch! Ihre Bestellung qualifiziert sich für den Gratisversand”

Technische Details

Dateien

• CSS: assets/css/live-cart.css
• JavaScript: assets/js/live-cart.js

Beide Dateien werden bedingt geladen, nur wenn das Modul aktiv ist. Das Skript hängt von jquery und wc-cart-fragments ab.

Cart Fragments

Das Modul nutzt den Mechanismus WooCommerce Cart Fragments, um den Panelinhalt in Echtzeit zu aktualisieren. Nach jeder Warenkorbänderung (Hinzufügen, Entfernen, Mengenänderung) aktualisiert sich das Panel ohne Neuladen der Seite.

Hooks

// Schwelle für den Gratisversand dynamisch ändern
add_filter('polski/live_cart/free_shipping_threshold', function (float $threshold): float {
    return 300.00;
});

// Eigenen Inhalt unter der Produktliste hinzufügen
add_action('polski/live_cart/after_items', function (): void {
    echo '<p class="live-cart-promo">Rabattcode: WELCOME10</p>';
});

// Automatisches Öffnen auf Mobilgeräten deaktivieren
add_filter('polski/live_cart/auto_open', function (bool $auto_open): bool {
    if (wp_is_mobile()) {
        return false;
    }
    return $auto_open;
});

CSS-Klassen

• .polski-live-cart - Hauptcontainer des Panels
• .polski-live-cart--open - geöffneter Zustand
• .polski-live-cart--left / .polski-live-cart--right - Position
• .polski-live-cart__overlay - Hintergrund-Overlay
• .polski-live-cart__header - Panel-Kopfzeile
• .polski-live-cart__items - Produktliste
• .polski-live-cart__item - einzelnes Produkt
• .polski-live-cart__subtotal - Zusammenfassung
• .polski-live-cart__shipping-bar - Gratisversand-Leiste
• .polski-live-cart__shipping-progress - Füllung der Leiste

Modul-ID

live_cart

Fehlerbehebung

Das Panel öffnet sich nach dem Hinzufügen eines Produkts nicht - prüfen Sie, ob das AJAX-Hinzufügen zum Warenkorb unter WooCommerce > Einstellungen > Produkte > AJAX-Schaltflächen zum Hinzufügen zum Warenkorb aktivieren aktiviert ist. Prüfen Sie außerdem, ob kein Konflikt mit einem anderen Warenkorb-Plugin besteht.

Die Gratisversand-Leiste wird nicht angezeigt - stellen Sie sicher, dass Sie eine Versandmethode mit Gratisversand ab einer festgelegten Schwelle konfiguriert haben, oder legen Sie die Schwelle manuell in den Moduleinstellungen fest.

Das Panel wird auf der falschen Seite angezeigt - ändern Sie die Einstellung position auf left oder right.

Probleme melden: github.com/wppoland/polski/issues

Diese Seite dient ausschließlich zu Informationszwecken und stellt keine Rechtsberatung dar. Konsultieren Sie vor der Umsetzung einen Anwalt. Polski for WooCommerce ist Open-Source-Software (GPLv2), die ohne Gewährleistung bereitgestellt wird.