Skip to main content
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.

Stati del carrello

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.

Sezioni

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?.

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?.

Prossimi passi