Skip to main content
Il design di Aftersell Cart funziona su due livelli: impostazioni globali che stilizzano l’intero carrello e override per blocco che perfezionano un singolo blocco.

Impostazioni di design globali

Apri Cart settings dalla barra laterale dell’editor per raggiungere il design globale del carrello. Le impostazioni sono raggruppate in Design, Buttons e Layout.

Design

Pulsanti

Layout

Override di design per blocco

Ogni blocco tranne Custom code ha i propri override di design per blocco in fondo al suo pannello delle impostazioni — con l’intestazione Design su tutti i blocchi tranne Express payments, i cui override si trovano in sezioni Style e Spacing senza etichetta. (Custom code non ha affatto un pannello di impostazioni — il blocco è il codice, quindi mostra solo una scheda Code.) Controllano cose come stile, spaziatura e altre impostazioni di design specifiche del blocco. Queste impostazioni di design per blocco, quando vuote, ricadono sull’impostazione globale per quella proprietà. Molti blocchi includono anche una sezione Text all’interno del loro pannello Design, dove puoi impostare la tipografia per specifici elementi di testo di quel blocco — famiglia di font, dimensione, altezza della riga e spaziatura dei caratteri. I blocchi con più elementi di testo (come Notes ed Empty cart) mostrano un selettore Text element così puoi stilizzare ciascuno in modo indipendente.
Anteprima animata del pannello delle impostazioni di Design per blocco nel cart editor

Font e posizione del drawer

  • Font: il carrello eredita il font del tuo tema per impostazione predefinita. Puoi impostare una famiglia di font personalizzata per alcuni elementi di testo (come il titolo del prodotto e l’intestazione degli upsell) dalla sezione Text nelle impostazioni di Design di ogni blocco — vedi Blocco Cart items e Blocco Upsells per i dettagli.
  • Posizione del drawer: la larghezza del drawer è regolabile (Desktop width, vedi sopra); non c’è un’impostazione di posizione sinistra/destra.

Impostazioni di comportamento

Oltre allo stile, Cart settings contiene anche opzioni di comportamento — l’apertura del drawer all’aggiunta al carrello e i selettori del tema che mantengono sincronizzato il tuo negozio. Consulta Impostazioni del carrello.

Quando usare invece il CSS personalizzato

Le impostazioni integrate coprono i casi comuni. Per tutto ciò che va oltre — puntare a un elemento specifico, spaziature personalizzate, ritocchi responsive — usa il CSS personalizzato.