Zum Inhalt springen

AJAX In den Warenkorb

Das Modul AJAX Add to Cart ermoeglicht das Hinzufuegen von Produkten in den Warenkorb ohne Neuladen der Seite.

  • Unterstuetzung einfacher und variabler Produkte auf den Produktseiten
  • Toast-Benachrichtigung mit Link zum Warenkorb
  • Automatische Aktualisierung der Warenkorb-Fragmente (Mini-Cart)
  • Button-Animation (loading -> added)
  • Kompatibilitaet mit WooCommerce AJAX fragments

Gehe zu WooCommerce > Polski > Module und aktiviere das Modul AJAX Add to Cart im Abschnitt “Stock & Cart”.

  1. Der Kunde klickt auf der Produktseite auf “In den Warenkorb”
  2. Das Formular wird per AJAX gesendet (ohne Neuladen)
  3. Der Button zeigt eine Ladeanimation
  4. Nach dem Hinzufuegen erscheint eine gruene Benachrichtigung “In den Warenkorb gelegt!” mit dem Link “Warenkorb ansehen”
  5. Der Mini-Cart im Header aktualisiert sich automatisch
EreignisWann
polski_adding_to_cartVor dem Senden der AJAX-Anfrage
polski_added_to_cartNach erfolgreichem Hinzufuegen
added_to_cartStandard-Ereignis von WooCommerce

Die Toast-Benachrichtigung erscheint oben rechts auf dem Bildschirm und verschwindet nach 4 Sekunden. Sie kann ueber die CSS-Klasse .polski-ajax-cart-notice angepasst werden.