Risposta breve
Un calcolatore di spedizione nel carrello laterale deve rispondere alla domanda su destinazione e costo senza trasformare il carrello laterale in un secondo checkout. Posizionalo vicino al subtotale o al pulsante di checkout, mantieni compatto lo stato chiuso, conserva i controlli di chiusura e di checkout, ricalcola dopo le modifiche al carrello e prova tastiera, touch, mobile e comportamento dopo gli aggiornamenti del tema. Poiché i carrelli laterali dipendono dal tema, la compatibilità va verificata sul tema di produzione esatto.
Preserva il compito principale del carrello laterale
Il carrello laterale serve a rivedere il carrello e continuare gli acquisti o andare al checkout. Un calcolatore di spedizione deve supportare questa decisione, non dominarla. Usa un invito breve, una visualizzazione progressiva e risultati compatti che restino leggibili accanto al subtotale e ai controlli di checkout.
Aggiorna quando il carrello cambia
Un preventivo non aggiornato è peggio di nessun preventivo. Aggiungere, rimuovere o modificare la quantità può cambiare peso, subtotale, combinazioni di profili e idoneità alla spedizione gratuita. Il calcolatore deve aggiornare il contesto o chiedere chiaramente un nuovo calcolo.
Progetta per uno spazio stretto e dinamico
I carrelli laterali sono spesso stretti e scorrevoli. Evita lo scorrimento orizzontale, mantieni comode le aree touch, non coprire il pulsante di checkout e annuncia i cambiamenti dei risultati alle tecnologie assistive. Uno stato di caricamento dovrebbe riservare lo spazio, così il carrello laterale non salta.
Riprova dopo le modifiche al tema
Gli aggiornamenti del tema possono sostituire il markup del carrello laterale, i nomi delle classi o il comportamento di rendering. Annota la versione e il selettore usati e includi il calcolatore in ogni test di regressione dopo l'aggiornamento del tema.
Checklist
- Visibile vicino al subtotale o al checkout
- Stato chiuso compatto
- Nessuno scorrimento orizzontale
- Il pulsante di checkout resta accessibile
- Ricalcola dopo gli aggiornamenti del carrello
- Gli stati di caricamento e "nessuna tariffa" stanno nello spazio
- Il focus da tastiera segue un ordine logico
- I cambiamenti dei risultati vengono annunciati
- Provato su mobile
- Gli aggiornamenti del tema attivano nuovi test
Domande
Tutti i temi Shopify usano lo stesso carrello laterale?
No. Markup e comportamento del carrello laterale variano in base a tema e versione, quindi la compatibilità va testata.
Il calcolatore dovrebbe aprirsi automaticamente?
Di solito conviene tenerlo compatto finché il cliente non chiede un preventivo, a meno che la spedizione non sia la decisione principale per il catalogo.
Dove dovrebbero comparire i risultati?
Tieni i risultati vicini al campo e al subtotale, con il pulsante di checkout sempre visibile e utilizzabile.
Fonti
Le pagine del Centro assistenza Shopify potrebbero aprirsi in inglese.