MAGENTO 2 · COȘ · CANTITATE PRODUSE · AJAX
Kowal Plus/Minus Quantity Buttons
Adăugați butoane plus și minus lângă câmpurile de cantitate din coșul standard. După modificare, actualizați formularul, mini-coșul și sumarul valorilor prin mecanismele AJAX Magento.
Plus și minus · Actualizarea valorilor · Reinițializarea butoanelor
CUM FUNCȚIONEAZĂ ÎN PRACTICĂ
01 · Clientul modifică cantitatea
Folosește butoanele sau editează câmpul qty.
02 · Coșul trimite actualizarea
O scurtă întârziere grupează modificările rapide într-o singură solicitare.
03 · Datele se actualizează
Formularul, mini-coșul și sumarul afișează noile valori.
Descoperiți funcțiile, utilizarea și setările modulului.
Acest modul extinde coșul standard Magento 2 cu un control intuitiv al cantității produselor:
Butoane + / − lângă qty – utilizatorul nu trebuie să selecteze un câmp mic și să introducă manual numărul.
Recalculări automate AJAX după modificarea cantității:
actualizarea formularului coșului,
actualizarea mini-coșului (customerData),
actualizarea sumarului / totals (getTotalsAction),
totul fără reload al paginii.
Stabilitate după actualizarea DOM – după înlocuirea HTML-ului coșului, butoanele sunt inițializate din nou.
Aspect modern de tip pastilă – controlul arată ca un singur element unitar (minus | cantitate | plus) și se potrivește cu majoritatea temelor.
Scopul: modificarea mai comodă a cantității și actualizarea coșului fără reîncărcarea manuală a paginii. Impactul asupra finalizării cumpărăturilor depinde de implementare și necesită măsurare.
În Stores → Configuration → Kowal → Update Cart After Qty Change → Settings setați Enable. Mecanismul pornește pe pagina coșului standard și include butoanele, precum și modificarea manuală a câmpului de cantitate.
Actualizarea utilizează formularul form-validate, secțiunea customerData cart și getTotalsAction. După înlocuirea formularului, butoanele sunt inițializate din nou fără duplicarea controalelor.
Butoanele modifică cantitatea cu 1. Scriptul citește valorile min și max ale câmpului, folosește implicit minimum 1 și rotunjește rezultatul la un număr întreg. Vânzarea în fracții sau cu un pas personalizat necesită adaptare.
Un debounce scurt de 150 ms reduce numărul de solicitări la modificări rapide. Stocul, cantitățile permise și celelalte condiții ale comenzii sunt în continuare verificate de Magento.
Modulul se bazează pe RequireJS, jQuery și HTML-ul standard al coșului. Verificați aspectul controlului și selectorii formularului în tema dumneavoastră. În repository nu există un adaptor Hyvä separat pentru acest pachet.
Butoanele se aplică câmpurilor din coșul standard; actualizarea mini-coșului nu înseamnă adăugarea aceluiași control în acesta. Timpul de recalculare depinde de răspunsul magazinului și de rețea.
Pachetul kowal/module-updatecartafterqtychange, modulul Kowal_UpdateCartAfterQtyChange. După configurarea accesului la repository-ul Kowal, instalați pachetul, activați modulul, actualizați Magento și goliți cache-ul. În producție, includeți compilarea și deploy-ul conținutului static conform procesului magazinului.
1. Clientul modifică cantitatea
Folosește butoanele sau editează câmpul qty.
2. Coșul trimite actualizarea
O scurtă întârziere grupează modificările rapide într-o singură solicitare.
3. Datele se actualizează
Formularul, mini-coșul și sumarul afișează noile valori.
Clientul apasă plus lângă produs. Modulul crește cantitatea și pornește actualizarea coșului, după care actualizează valorile și mini-coșul.
Nu trebuie să reîncarce manual pagina. Acceptarea finală a cantității și disponibilitatea produsului depind în continuare de regulile Magento.
Doriți să adaptați modulul la magazinul dumneavoastră? Întrebați despre implementarea Kowal Plus/Minus Quantity Buttons și discutați configurarea sau extensiile necesare.
| Conformitate cu șablonul | Luma / Blank, KOWAL |
|---|
Datele de acces la repository-ul Composer (adresa de e-mail a clientului și tokenul de licență) le veți primi prin e-mail după achiziție. Sunt disponibile și în panoul clientului după autentificarea pe kowal.store. Înlocuiți TWOJ_EMAIL_KLIENTA cu adresa de e-mail a contului dumneavoastră, iar TWOJ_TOKEN cu tokenul primit. Executați comenzile în directorul rădăcină 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-updatecartafterqtychangeDupă instalarea pachetului, efectuați actualizarea Magento și goliți cache-ul:
php bin/magento setup:upgradephp bin/magento cache:flushÎn mediul de producție, efectuați și compilarea DI, precum și deploy-ul fișierelor statice conform procesului de implementare al magazinului.
Pe toursport.pl am implementat un control al cantității + / − în coș, deoarece utilizatorii modificau frecvent cantitățile (de ex. pentru îmbrăcăminte/mărimi, accesorii, seturi), iar introducerea manuală a valorilor încetinea procesul.
Problemă:
clienții modificau cantitățile în mai multe etape,
unii utilizatori pe mobil aveau probleme cu apăsarea precisă în câmpul qty,
după modificarea cantității, se așteptau la recalcularea imediată a totalurilor și a mini-coșului.
Soluție:
am adăugat butoane intuitive +/− în formă de pastilă,
am activat recalculări AJAX fără reîmprospătarea paginii (totaluri + mini-cart),
am adaptat stilul la layoutul coșului, astfel încât controlul să arate ca o parte nativă a temei.
Efect business (practic):
editarea mai rapidă a coșului,
mai puțină frustrare pe mobil,
un coș cu aspect mai „aplicativ” → o experiență de cumpărare mai bună.
