Un carrello in Aftersell è un’esperienza di cart drawer configurabile. Lo progetti in due stati, lo disponi su tre sezioni e riempi quelle sezioni con dei blocchi.
Ogni carrello ha due layout indipendenti. Passi dall’uno all’altro nell’editor:
- Carrello pieno: ciò che gli acquirenti vedono quando il carrello contiene articoli.
- Carrello vuoto: ciò che gli acquirenti vedono quando il carrello non contiene articoli.
Alcuni blocchi appartengono a un solo stato:
Altri blocchi (Header, Banner, Rewards, Image, Custom code e altri) possono vivere in entrambi gli stati. I nuovi carrelli partono con Header + Empty cart nello stato vuoto, e Header → Banner → Cart items → Summary → Checkout button nello stato pieno.
Lo stato di carrello vuoto è l’intero layout vuoto. Il blocco Empty cart è un blocco all’interno di quel layout, di solito il messaggio e il pulsante per continuare lo shopping. Suonano simili, ma lo stato può contenere più di quel solo blocco.
Ogni stato è diviso in tre sezioni: Header, Body e Footer. Le sezioni controllano dove si trova un blocco e come scorre:
- Header: fissato in cima al drawer; resta visibile mentre il body scorre.
- Body: la parte centrale scorrevole. I blocchi qui si muovono con il contenuto. Blocco bloccato: Cart items.
- Footer: fissato in fondo al drawer. Blocco bloccato: Checkout button.
Quando aggiungi o sposti un blocco, la sua sezione ne decide il comportamento di scorrimento. Non tutti i blocchi sono disponibili in ogni sezione. Vedi Come funzionano i blocchi?.
Un blocco è una parte configurabile del drawer (l’elenco dei prodotti, un’offerta di upsell, un pulsante di checkout e così via). Li impili in una sezione, li riordini e ne personalizzi lo stile. Per come funzionano l’aggiunta, i limiti, i sub-blocchi e le condizioni, vedi Come funzionano i blocchi?.