Slide Mini Cart für WooCommerce

Merkmale

• Von rechts einschiebendes Drawer-Panel (420px Desktop, 100vw Mobile) mit eleganter cubic-bezier-Animation
• AJAX-Add-to-Cart — kein Seiten-Reload
• Automatisches Öffnen des Drawers nach erfolgreichem Hinzufügen
• Live-Mengensteuerung (+ / − / Eingabe) pro Warenkorbartikel
• Inline-Entfernen ohne Reload
• Synchronisierung des Warenkorb-Zählers im Header mit dem nativen Badge des Themes
• Backdrop mit Blur-Effekt (.45 Deckkraft)
• WC-fragments-gesteuerte Synchronisierung mit allen Warenkorb-Events
• Pfadversionierte Assets (LSCache-kompatibel)
• Sold-individually-aware: Wenn das Produkt bereits im Warenkorb ist, öffnet sich das Drawer ohne Fehler
• Filterbar: fixit_mini_cart_auto_open, fixit_mini_cart_trigger_selector

So funktioniert es

Trigger-Selektoren (Standard): .cart-icon, .header-cart-link, [class*="cart-icon"], a[href*="/cart/"]. Wenn der Nutzer auf das Warenkorb-Icon oder den ATC-Button klickt, öffnet sich das Drawer mit einer sanften Slide-Animation von rechts. Display-basierte Architektur (nicht transform) für Kompatibilität mit Themes, die transforms überschreiben.

Kompatibilität

• WordPress 6.0+
• WooCommerce 6.0+
• PHP 7.4+
• Getestet mit Impreza, dem easydealsbook Custom-Theme und generischen WC-Themes

Änderungsprotokoll

1.0.16 — 2026-05-03

• Header-Counter-Aktualisierung über das vorhandene Theme-Element (kein Einfügen eines eigenen Badges)
• Erkennung für Theme-Warenkorb-Counter: .count-badge, .cart-count, .cart-contents-count, .cart-icon-count, .header-cart-count

1.0.13 — 2026-05-03

• inline_config über wp_add_inline_script before — behebt Race Condition mit dem enqueued Script

1.0.12

• Manuelle Fragments-Response (nicht der WC_AJAX-Wrapper) — flach {fragments, cart_hash} Format

1.0.10/11

• Sanfte Fade-out-Animation beim Schließen (slideout + fadeout)
• Behebung der Koexistenz von „is-open“- und „is-closeing“-Zuständen

1.0.9

• Sanfterer Slide-in mit cubic-bezier(.16,.84,.44,1) + Deckkraftverfall
• Hintergrundunschärfe 2px

1.0.8

• Display-basierte Architektur (statt transform/right) für Multi-Theme-Kompatibilität
• ensureDrawerInBody löst sich automatisch vom Footer-Parent

1.0.5/6/7

• CSS-Spezifitäts-Bumps für Widerstand gegen Theme-Overrides

1.0.4

• Click-Intercept in der Capture-Phase (kein Form-Submit) — umgeht Theme-Stop-Handler

1.0.0/1/2/3

• Erste Version: Schublade + AJAX + Menge + Entfernen + automatisches Öffnen

Unterstützung

E-Mail: [email protected] • Webseite: fixit.gr