Skip to main content
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 e il tuo CSS personalizzato 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 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: La tua scelta influisce solo sull’anteprima dell’editor. Non viene mai salvata nel carrello e si reimposta quando ricarichi l’editor.