MAGENTO 2 · CARRELLO · QUANTITÀ PRODOTTI · AJAX
Kowal Plus/Minus Quantity Buttons
Aggiungi pulsanti più e meno ai campi quantità del carrello standard. Dopo una modifica aggiorna modulo, mini-carrello e riepilogo importi tramite i meccanismi AJAX Magento.
Più e meno · Aggiornamento importi · Reinizializzazione dei pulsanti
COME FUNZIONA IN PRATICA
01 · Il cliente modifica la quantità
Usa i pulsanti oppure modifica il campo qty.
02 · Il carrello invia l'aggiornamento
Un breve ritardo riunisce le modifiche rapide in un'unica richiesta.
03 · I dati si aggiornano
Modulo, mini-carrello e riepilogo mostrano i nuovi valori.
Scopri le funzioni, l'utilizzo e le impostazioni del modulo.
Questo modulo estende il carrello standard di Magento 2 con un controllo intuitivo della quantità dei prodotti:
Pulsanti + / − accanto a qty – l’utente non deve selezionare un piccolo campo e inserire manualmente il numero.
Ricalcoli AJAX automatici dopo la modifica della quantità:
aggiornamento del modulo del carrello,
aggiornamento del mini-carrello (customerData),
aggiornamento del riepilogo / totals (getTotalsAction),
tutto senza ricaricare la pagina.
Stabilità dopo l’aggiornamento del DOM – dopo la sostituzione dell’HTML del carrello, i pulsanti vengono inizializzati nuovamente.
Aspetto moderno in stile pillola – il controllo appare come un unico elemento coerente (meno | quantità | più) e si adatta alla maggior parte dei temi.
Obiettivo: modificare le quantità più comodamente e aggiornare il carrello senza ricaricare manualmente la pagina. L'effetto sul completamento degli acquisti dipende dall'implementazione e richiede misurazione.
In Stores → Configuration → Kowal → Update Cart After Qty Change → Settings imposta Enable. Il meccanismo si avvia nella pagina del carrello standard e comprende pulsanti e modifica manuale del campo quantità.
L'aggiornamento utilizza il modulo form-validate, la sezione customerData cart e getTotalsAction. Dopo la sostituzione del modulo, i pulsanti vengono reinizializzati senza duplicare i controlli.
I pulsanti modificano la quantità di 1. Lo script legge min e max del campo, usa un minimo predefinito di 1 e arrotonda il risultato a un intero. La vendita frazionata o con incrementi personalizzati richiede un adattamento.
Un breve debounce di 150 ms limita le richieste nelle modifiche rapide. Magento continua a verificare giacenze, quantità consentite e altre condizioni dell'ordine.
Il modulo si basa su RequireJS, jQuery e sull'HTML standard del carrello. Verifica l'aspetto del controllo e i selettori del modulo nel tuo tema. Il repository non contiene un adattatore Hyvä separato per questo pacchetto.
I pulsanti riguardano i campi del carrello standard; l'aggiornamento del mini-carrello non comporta l'aggiunta dello stesso controllo al suo interno. Il tempo di ricalcolo dipende dalla risposta del negozio e dalla rete.
Il pacchetto kowal/module-updatecartafterqtychange, modulo Kowal_UpdateCartAfterQtyChange. Dopo aver configurato l'accesso al repository Kowal, installa il pacchetto, abilita il modulo, aggiorna Magento e svuota la cache. In produzione, includi compilazione e deploy dei contenuti statici secondo il processo del negozio.
1. Il cliente modifica la quantità
Usa i pulsanti oppure modifica il campo qty.
2. Il carrello invia l'aggiornamento
Un breve ritardo riunisce le modifiche rapide in un'unica richiesta.
3. I dati si aggiornano
Modulo, mini-carrello e riepilogo mostrano i nuovi valori.
Il cliente preme più accanto al prodotto. Il modulo aumenta la quantità e avvia l'aggiornamento del carrello, poi aggiorna importi e mini-carrello.
Non occorre ricaricare manualmente la pagina. L'accettazione finale della quantità e la disponibilità del prodotto dipendono sempre dalle regole Magento.
Vuoi adattare il modulo al tuo negozio? Richiedi l'implementazione di Kowal Plus/Minus Quantity Buttons e discuti la configurazione o le estensioni necessarie.
| Conformità al modello | Luma / Vuoto, Fabbro |
|---|
I dati di accesso al repository Composer, ovvero l indirizzo e-mail del cliente e il token di licenza, saranno inviati via e-mail dopo l acquisto. Sono disponibili anche nel pannello cliente dopo l accesso su kowal.store. Sostituisci TWOJ_EMAIL_KLIENTA con l indirizzo e-mail del tuo account e TWOJ_TOKEN con il token ricevuto. Esegui i comandi nella directory principale di Magento.
composer config repositories.kowal composer https://repo.kowal.store
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
composer require kowal/module-updatecartafterqtychangeDopo aver installato il pacchetto, esegui l'aggiornamento di Magento e svuota la cache:
php bin/magento setup:upgrade
php bin/magento cache:flushIn ambiente di produzione, esegui anche la compilazione DI e il deployment dei file statici secondo il processo di deployment del negozio.
Su toursport.pl abbiamo implementato un controllo quantità + / − nel carrello, perché gli utenti modificavano spesso le quantità (ad es. per abbigliamento/taglie, accessori, set) e l’inserimento manuale dei valori rallentava il processo.
Problema:
i clienti modificavano le quantità “in più passaggi”,
alcune persone da mobile avevano difficoltà a cliccare con precisione nel campo qty,
dopo la modifica della quantità si aspettavano un ricalcolo immediato dei totali e del mini-carrello.
Soluzione:
abbiamo aggiunto intuitivi pulsanti +/− a forma di pillola,
abbiamo attivato ricalcoli AJAX senza aggiornare la pagina (totali + mini-cart),
abbiamo adattato lo stile al layout del carrello affinché il controllo sembrasse una parte nativa del tema.
Effetto business (pratico):
modifica più rapida del carrello,
meno frustrazione su mobile,
carrello più “app-like” → migliore esperienza d’acquisto.
