> ## Documentation Index > Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt > Use this file to discover all available pages before exploring further. # Visualizzare in anteprima i carrelli > Visualizza in anteprima il tuo Aftersell Cart prima di pubblicarlo — nel canvas dell'editor e sul tema live del tuo storefront. Puoi visualizzare in anteprima un carrello in due modi: dal vivo nell'editor mentre lo costruisci, e sul tema del tuo storefront prima che diventi pubblico.
## Il canvas dell'editor
Il centro dell'editor di carrello è un'anteprima live che renderizza il carrello reale. Mostra **entrambi gli stati del carrello fianco a fianco** — una card **Filled cart** e una card **Empty cart** — così puoi vederli entrambi mentre lavori. * **Scegli quale stato stai modificando** con il toggle **Filled / Empty** nella barra laterale, o cliccando il **titolo sopra** una card. Cliccare *dentro* una card non cambia stato — seleziona il blocco sotto il cursore. La card attiva è contornata, e il blocco che stai modificando ha la propria evidenziazione. * **Zooma** con la pillola di zoom sul canvas stesso (25%–200%): `+` e `−` avanzano del 10%, e cliccare sulla percentuale ripristina il 75%. Ctrl/Cmd + scroll zooma attorno al cursore, lo scroll semplice e il trascinamento fanno il panning. * L'anteprima riflette le tue [impostazioni di design](/it/aftersell/cart/design-settings) e il tuo [CSS personalizzato](/it/aftersell/cart/custom-css) in tempo reale mentre li modifichi.
## Anteprima sul tuo storefront
Usa **Preview** su un carrello per vederlo su un tema reale in una nuova scheda, senza renderlo pubblico: * **I carrelli live** aprono direttamente il tuo storefront — il carrello live è già ciò che vedono gli acquirenti. * **I carrelli bozza** aprono un'**anteprima del tema**. Scegli su quale tema fare l'anteprima (il tuo tema principale è il predefinito), e Aftersell allestisce il carrello bozza su quel tema solo per la tua sessione di anteprima, senza toccare il tuo carrello live. L'app embed deve essere abilitato sul tema che scegli. Le anteprime delle bozze potrebbero non riflettere pienamente il comportamento del carrello live — trattale come un'approssimazione fedele e fai un controllo finale dopo la pubblicazione. Salva le tue modifiche prima di visualizzare l'anteprima — l'editor ti chiede di salvare così l'anteprima riflette il tuo lavoro più recente.
## Stati vuoto e pieno
Entrambi gli stati sono sempre disponibili nel canvas dell'editor (le due card), così puoi progettare e controllare il carrello vuoto e il carrello pieno in modo indipendente. Sullo storefront, gli acquirenti vedono lo stato corrispondente al loro carrello.
## Scenari con dati di esempio
Il pannello delle impostazioni del [blocco Cart items](/it/aftersell/cart/cart-items-block) ha una sezione **Preview** con un selettore **Sample data**, che ti consente di passare l'anteprima dell'editor tra diversi scenari di line item per controllare come appare ciascuno senza dover costruire un carrello corrispondente: | Scenario | Cosa mostra | | --------------------- | ------------------------------------------------------------------------------------------------ | | **Standard product** | Un singolo prodotto con uno sconto applicato. | | **Long product name** | Un prodotto con un titolo molto lungo, per controllare il ritorno a capo e l'overflow del testo. | | **Bundle** | Una riga bundle principale con i suoi articoli figli. | | **Subscription** | Una riga di abbonamento con l'etichetta del suo piano di vendita. | | **All item types** | Il nome prodotto lungo, le righe di abbonamento e bundle insieme in un unico carrello. | La tua scelta influisce solo sull'anteprima dell'editor. Non viene mai salvata nel carrello e si reimposta quando ricarichi l'editor.