Oltre allo stile, il carrello ha alcune impostazioni di comportamento che controllano come interagisce con il tuo negozio: quando si apre il drawer e quali elementi del tema Aftersell mantiene sincronizzati con il carrello.
Nel cart editor, apri Cart settings. Le opzioni qui sotto sono raggruppate sotto Behavior e Custom selector.
Aprire il carrello quando viene aggiunto un articolo
Open cart when an item is added controlla se il drawer si apre automaticamente ogni volta che un acquirente aggiunge un prodotto. È attivo per impostazione predefinita. Disattivalo se preferisci che il carrello resti chiuso finché l’acquirente non lo apre da solo.
Aftersell si aggancia al tuo negozio tramite selettori CSS — per esempio, per sapere quale elemento apre il carrello o quale conteggio dell’icona del carrello mantenere sincronizzato. Il rilevamento integrato copre i temi Shopify più popolari (Dawn, Sense, Crave, Debut, Impulse, Horizon e molti altri), quindi la maggior parte dei negozi non deve mai toccarli. Modifica un selettore solo se qualcosa non si collega correttamente sul tuo tema.
Ogni selettore offre le stesse tre modalità:
Il campo del selettore è abilitato solo per le modalità Default + custom e Custom only.
Come trovare un selettore
- Apri il tuo negozio in un browser (Chrome consigliato).
- Fai clic destro sull’elemento che vuoi individuare — l’icona del carrello, il numero del conteggio o il pulsante di aggiunta al carrello — e scegli Ispeziona.
- Nel pannello che si apre, trova l’elemento che lo rappresenta (il conteggio è spesso uno
span dentro l’icona del carrello).
- Annota la sua classe (inizia con
.) o il suo ID (inizia con #) — per esempio .header__cart-count span o #CartCount.
- Torna in Cart settings, imposta il selettore su Default + custom o Custom only e incollalo.
- Salva, poi fai una prova sia su desktop sia su mobile.
Parti con Default — funziona per la maggior parte dei temi senza alcuna configurazione. Passa a Default + custom quando si aggiorna solo una di più icone (per esempio, desktop funziona ma mobile no), e a Custom only quando il predefinito punta all’elemento sbagliato. Se non sei sicuro di quale selettore usare, lo sviluppatore del tuo tema può indicartelo — non devi scrivere codice, solo copiare e incollare.