Przejdź do głównej zawartości

AJAX Dodaj do koszyka

Moduł AJAX Add to Cart umożliwia dodawanie produktów do koszyka bez przeładowania strony.

  • Obsługa produktów prostych i wariantowych na stronach produktowych
  • Powiadomienie toast z linkiem do koszyka
  • Automatyczna aktualizacja fragmentów koszyka (mini-cart)
  • Animacja przycisku (loading -> added)
  • Kompatybilność z WooCommerce AJAX fragments

Przejdź do WooCommerce > Polski > Moduły i włącz moduł AJAX Add to Cart w sekcji “Stock & Cart”.

  1. Klient klika “Dodaj do koszyka” na stronie produktu
  2. Formularz jest wysyłany przez AJAX (bez przeładowania)
  3. Przycisk pokazuje animację ładowania
  4. Po dodaniu pojawia się zielone powiadomienie “Dodano do koszyka!” z linkiem “Zobacz koszyk”
  5. Mini-cart w nagłówku aktualizuje się automatycznie
ZdarzenieKiedy
polski_adding_to_cartPrzed wysłaniem AJAX
polski_added_to_cartPo udanym dodaniu
added_to_cartStandardowe zdarzenie WooCommerce

Powiadomienie toast wyświetla się w prawym górnym rogu ekranu i znika po 4 sekundach. Można je dostosować przez CSS klasę .polski-ajax-cart-notice.