Blocco Header

Il blocco Header è l’area superiore fissa del drawer del carrello, che dà al drawer un titolo chiaro e un modo evidente per chiuderlo. Ne controlli il layout assegnando Title, Logo e Close button alle sezioni sinistra e destra. Poiché l’Header è fissato in alto, resta visibile mentre il resto del carrello scorre.

• L’Header è fissato in cima al drawer e non scorre con il corpo del carrello.
• Il controllo di chiusura è sempre disponibile e chiude il drawer.

Il titolo è traducibile. Se il tuo titolo risulta vuoto (per esempio, una traduzione non impostata), il carrello ripiega mostrando Cart così l’header non è mai vuoto. Gli elementi appaiono nell’ordine in cui li selezioni, da sinistra a destra, e ogni elemento può essere assegnato a una sola sezione alla volta.

• Regione: solo top.
• Massimo: 1 per stato del carrello.
• Stato: carrello pieno e vuoto (ogni stato ha la propria istanza di Header).
• Aggiunto ai nuovi carrelli per impostazione predefinita in entrambi gli stati. Non bloccato, quindi puoi rimuoverlo o nasconderlo con il toggle a occhio.

Supporta un template personalizzato dalla sua scheda Code, che sostituisce il markup integrato di questo blocco con il tuo JSX. Queste sono le props che riceve. Personalizza lo stile di questo blocco con la sua sezione Design nel pannello delle impostazioni. Si tratta di override per singolo blocco che si sovrappongono al tuo design globale e vi ricadono quando sono vuoti. La sezione Text in Design ti consente di controllare la tipografia del titolo del carrello. Il grassetto e il colore del testo si impostano nel Rich Text Editor sopra (nella scheda Settings), non qui. Cosa sono le impostazioni di design? Scopri di più qui: Impostazioni di design.