Cart Drawer Dawn su Shopify: personalizzazione e controlli senza page builder

Attivare il Cart Drawer

Se la versione di Dawn utilizzata espone l'impostazione del tipo di carrello, il drawer può essere selezionato dalle impostazioni del tema. Prima di modificare codice verifico comunque la versione reale del tema: file, componenti e API interne possono cambiare fra release.

Dove intervenire

Per modifiche strutturali non inserisco grandi blocchi casuali nell'editor. In Dawn il Cart Drawer è gestito dal codice del tema; quando serve una funzione stabile lavoro sui relativi snippet, asset JavaScript e stili, mantenendo la personalizzazione separata e documentata.

Se il merchant deve gestire contenuti o soglie dall'editor, creo setting espliciti invece di lasciare valori hard-coded nel codice.

Barra per la spedizione gratuita

Una progress bar può confrontare il subtotale del carrello con la soglia prevista dal mercato. Il punto critico è l'aggiornamento: il valore deve essere ricalcolato dopo aggiunte, rimozioni e cambi quantità, non soltanto nel primo HTML renderizzato.

Su store internazionali la soglia può cambiare per mercato o valuta. Per questo non uso un unico valore fisso quando la politica di spedizione è differenziata.

Prodotti correlati e upsell

Shopify espone strumenti per le raccomandazioni di prodotto, ma Dawn non va trattato come se avesse automaticamente un blocco upsell nel Cart Drawer in ogni versione. Se voglio mostrare prodotti correlati, verifico prima ciò che il tema supporta e poi implemento la funzione in modo coerente con l'aggiornamento AJAX del carrello.

Non prometto un aumento dell'AOV soltanto perché compare un prodotto consigliato. La funzione va misurata sul catalogo e sul comportamento reale degli utenti.

AJAX Cart API e aggiornamento delle sezioni

Le operazioni di aggiunta o modifica del carrello possono essere eseguite senza ricaricare l'intera pagina usando le API storefront previste da Shopify. La personalizzazione deve però gestire anche errori, quantità non disponibili, varianti non acquistabili e aggiornamento delle sezioni visuali.

Evito di dipendere da metodi JavaScript interni non documentati del tema quando posso usare interfacce più stabili: una modifica che funziona oggi ma si rompe al prossimo aggiornamento di Dawn non è una buona soluzione.

Trust badge e messaggi

Nel carrello inserisco solo informazioni vere e utili. Metodi di pagamento, tempi di spedizione, resi e disponibilità devono corrispondere alle condizioni effettive dello store. Un badge non aumenta la fiducia se dichiara qualcosa che il checkout o le policy non confermano.

Performance

Non attribuisco automaticamente la lentezza alle app né prometto che una soluzione nel tema sia più veloce. Misuro ciò che viene caricato e controllo LCP, INP, CLS, richieste di rete e lavoro JavaScript prima e dopo la modifica.

Test prima della consegna

1. apertura e chiusura drawer da mobile e desktop;
2. aggiunta prodotto da scheda e card;
3. cambio quantità e rimozione;
4. varianti esaurite ed errori;
5. aggiornamento della progress bar;
6. eventuali prodotti correlati;
7. passaggio al checkout;
8. regression check dopo refresh e navigazione fra pagine.

Il mio perimetro

Sono Francesco Guiducci, freelance Shopify e sviluppatore di app Shopify. Lavoro su Online Store 2.0 senza page builder e scelgo fra tema e app in base a dove deve vivere realmente la funzione.

Aggiornato il 3 settembre 2026.