MAGENTO 2 · KOSZYK · ILOŚĆ PRODUKTÓW · AJAX
Kowal Plus/Minus Quantity Buttons
Dodaj przyciski plus i minus przy polach ilości standardowego koszyka. Po zmianie odśwież formularz, mini-koszyk i podsumowanie kwot przez mechanizmy AJAX Magento.
Plus i minus · Odświeżenie kwot · Ponowna inicjalizacja przycisków
JAK TO DZIAŁA W PRAKTYCE
01 · Klient zmienia ilość
Korzysta z przycisków albo edytuje pole qty.
02 · Koszyk wysyła aktualizację
Krótka zwłoka łączy szybkie zmiany w jedno żądanie.
03 · Odświeżają się dane
Formularz, mini-koszyk i podsumowanie pokazują nowe wartości.
Poznaj funkcje, zastosowanie i ustawienia modułu.
Ten moduł rozszerza standardowy koszyk Magento 2 o intuicyjne sterowanie ilością produktów:
Przyciski + / − przy qty – użytkownik nie musi trafiać w małe pole i wpisywać liczby ręcznie.
Automatyczne przeliczenia AJAX po zmianie ilości:
odświeżenie formularza koszyka,
odświeżenie mini-koszyka (customerData),
odświeżenie podsumowania / totals (getTotalsAction),
wszystko bez reloadu strony.
Stabilność po odświeżeniu DOM – po podmianie HTML koszyka przyciski są ponownie inicjalizowane.
Nowoczesny wygląd “pigułki” – kontrolka wygląda jak jeden spójny element (minus | ilość | plus), pasuje do większości motywów.
Cel: wygodniejsza zmiana ilości i odświeżanie koszyka bez ręcznego przeładowania strony. Wpływ na finalizację zakupów zależy od wdrożenia i wymaga pomiaru.
W Stores → Configuration → Kowal → Update Cart After Qty Change → Settings ustaw Enable. Mechanizm startuje na stronie standardowego koszyka i obejmuje przyciski oraz ręczną zmianę pola ilości.
Aktualizacja korzysta z formularza form-validate, sekcji customerData cart oraz getTotalsAction. Po wymianie formularza przyciski są ponownie inicjalizowane bez dublowania kontrolek.
Przyciski zmieniają ilość o 1. Skrypt odczytuje min i max pola, używa domyślnie minimum 1 i zaokrągla wynik do liczby całkowitej. Sprzedaż na ułamki lub z niestandardowym krokiem wymaga dostosowania.
Krótki debounce 150 ms ogranicza liczbę żądań przy szybkich zmianach. Stan magazynowy, dozwolone ilości i pozostałe warunki zamówienia nadal weryfikuje Magento.
Moduł opiera się na RequireJS, jQuery i standardowym HTML koszyka. Sprawdź wygląd kontrolki oraz selektory formularza w swoim motywie. W repozytorium nie ma osobnego adaptera Hyvä dla tego pakietu.
Przyciski dotyczą pól standardowego koszyka; odświeżanie mini-koszyka nie oznacza dodania w nim takiej samej kontrolki. Czas przeliczenia zależy od odpowiedzi sklepu i sieci.
Pakiet kowal/module-updatecartafterqtychange, moduł Kowal_UpdateCartAfterQtyChange. Po skonfigurowaniu dostępu do repozytorium Kowal zainstaluj pakiet, włącz moduł, zaktualizuj Magento i wyczyść cache. W produkcji uwzględnij kompilację i wdrożenie treści statycznych zgodnie z procesem sklepu.
1. Klient zmienia ilość
Korzysta z przycisków albo edytuje pole qty.
2. Koszyk wysyła aktualizację
Krótka zwłoka łączy szybkie zmiany w jedno żądanie.
3. Odświeżają się dane
Formularz, mini-koszyk i podsumowanie pokazują nowe wartości.
Klient naciska plus przy produkcie. Moduł zwiększa ilość i rozpoczyna aktualizację koszyka, po której odświeża kwoty i mini-koszyk.
Nie musi ręcznie przeładowywać strony. Ostateczne dopuszczenie ilości oraz dostępność produktu nadal zależą od reguł Magento.
Chcesz dopasować moduł do swojego sklepu? Zapytaj o wdrożenie Kowal Plus/Minus Quantity Buttons i omów konfigurację lub potrzebne rozszerzenia.
| Zgodność z szablonem | Luma / Blank, KOWAL |
|---|
Dane dostępowe do repozytorium Composer (adres e-mail klienta i token licencyjny) otrzymasz e-mailem po zakupie. Są również dostępne w panelu klienta po zalogowaniu na kowal.store. Zastąp TWOJ_EMAIL_KLIENTA adresem e-mail swojego konta, a TWOJ_TOKEN otrzymanym tokenem. Polecenia wykonaj w katalogu głównym Magento.
composer config repositories.kowal composer https://repo.kowal.storecomposer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"composer require kowal/module-updatecartafterqtychangePo zainstalowaniu pakietu wykonaj aktualizację Magento i wyczyść cache:
php bin/magento setup:upgradephp bin/magento cache:flushW środowisku produkcyjnym wykonaj także kompilację DI oraz wdrożenie plików statycznych zgodnie z procesem wdrożenia sklepu.
Na toursport.pl wdrożyliśmy kontrolkę ilości + / − w koszyku, ponieważ użytkownicy często zmieniali ilości (np. w odzieży/rozmiarach, akcesoriach, zestawach) i ręczne wpisywanie wartości spowalniało proces.
Problem:
klienci edytowali ilości “na raty”,
część osób na mobile miała problem z precyzyjnym klikaniem w pole qty,
po zmianie ilości oczekiwali natychmiastowego przeliczenia totals i mini-koszyka.
Rozwiązanie:
dodaliśmy intuicyjne przyciski +/− w formie pigułki,
uruchomiliśmy przeliczenia AJAX bez odświeżania strony (totals + mini-cart),
dopasowaliśmy styl do layoutu koszyka tak, żeby kontrolka wyglądała jak natywna część motywu.
Efekt biznesowy (praktyczny):
szybsza edycja koszyka,
mniej frustracji na mobile,
bardziej “aplikacyjny” koszyk → lepsze doświadczenie zakupowe.
