AJAX Dodaj do koszyka
Moduł AJAX Add to Cart umożliwia dodawanie produktów do koszyka bez przeładowania strony.
Funkcje
Dział zatytułowany „Funkcje”- 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
Włączenie
Dział zatytułowany „Włączenie”Przejdź do WooCommerce > Polski > Moduły i włącz moduł AJAX Add to Cart w sekcji “Stock & Cart”.
Jak to działa
Dział zatytułowany „Jak to działa”- Klient klika “Dodaj do koszyka” na stronie produktu
- Formularz jest wysyłany przez AJAX (bez przeładowania)
- Przycisk pokazuje animację ładowania
- Po dodaniu pojawia się zielone powiadomienie “Dodano do koszyka!” z linkiem “Zobacz koszyk”
- Mini-cart w nagłówku aktualizuje się automatycznie
Zdarzenia JavaScript
Dział zatytułowany „Zdarzenia JavaScript”| Zdarzenie | Kiedy |
|---|---|
polski_adding_to_cart | Przed wysłaniem AJAX |
polski_added_to_cart | Po udanym dodaniu |
added_to_cart | Standardowe zdarzenie WooCommerce |
Styl powiadomienia
Dział zatytułowany „Styl powiadomienia”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.