Panoramica delle funzionalità dell'editor del tema

Puoi usare l'editor del tema per personalizzare le aree del tema, come i colori, e gestire i contenuti del tema con sezioni e blocchi.

Accedere all'editor del tema

Puoi accedere all'editor del tema dal pannello di controllo Shopify.

1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

2. Accanto al tema che desideri modificare, clicca su Modifica tema.

Sezioni di layout dell'editor del tema

L'editor del tema presenta le seguenti sezioni:

• La barra dei menu contiene i pulsanti di navigazione a sinistra per passare tra le sezioni, le impostazioni del tema e i blocchi di app incorporati; il nome del tema, i menu del mercato e dei modelli al centro; i controlli di personalizzazione a destra.
• La barra laterale visualizza una struttura ad albero di tutti i contenuti per il modello in corso di visualizzazione. Dalla barra laterale puoi gestire sezioni e blocchi, blocchi di app incorporati e impostazioni. La barra laterale è comprimibile.
• La finestra di anteprima mostra il tuo tema e si aggiorna automaticamente quando apporti delle modifiche. Puoi attivare un’anteprima mobile o usare lo strumento di ispezione dell’anteprima per gestire i contenuti per un modello di tema nella finestra di anteprima.

Barra dei menu

La barra dei menu visualizza la navigazione, le informazioni sul tema e i controlli per personalizzare il tema.

Navigazione nella barra laterale

Sul lato sinistro della barra dei menu, puoi alternare tra le seguenti visualizzazioni nella barra laterale:

• per gestire le sezioni e i blocchi nel modello attuale.
• per gestire le impostazioni globali del tema, ad esempio colori, tipografia e layout.
• per gestire le app incorporate nel tema.

Per nascondere la barra laterale e ottenere un’anteprima a larghezza intera del tema, clicca di nuovo sul pulsante attivo per deselezionarlo. Se sono visibili entrambi i pannelli, cliccando sul pulsante attivo si comprimono entrambi contemporaneamente.

Menu dei dettagli del tema, del mercato e dei modelli

Al centro della barra dei menu, puoi trovare i seguenti elementi:

• Il nome del tema e il relativo stato. Il tema pubblicato mostra l’etichetta di stato Live . I temi non pubblicati mostrano l’etichetta di stato Bozza . Fai clic sul nome del tema per accedere alle seguenti opzioni:
  • Usa Modifica codice per aprire l'editor del codice.
  • Usa Modifica contenuto tema predefinito per modificare il testo predefinito nel tema.
  • Usa per aprire un’anteprima del tema.
  • Usa Visualizza documentazione per aprire la documentazione del tema.
  • Usa per controllare tutte le scorciatoie da tastiera disponibili per l'editor del tema.
  • Usa Ricevi assistenza per ricevere assistenza.
• Il menu del mercato, per visualizzare l’anteprima e personalizzare il tema per mercati diversi.
• Il menu del modello, per navigare tra i diversi modelli di pagina nel tema.

Scorciatoie di personalizzazione

Puoi usare i seguenti controlli nella barra dei menu per personalizzare il tema e gestire le modifiche:

• Attiva o disattiva Sidekick per ricevere assistenza per le personalizzazioni del tema.
• Attiva o disattiva lo strumento di ispezione dell'anteprima.
• Clicca sul pulsante di anteprima per visualizzare l'anteprima del tema su un dispositivo mobile.
• Gestisci la sessione di personalizzazione corrente con i controlli Annulla e Ripeti.
• Usa il pulsante Salva per salvare le modifiche.

Se non ci sono personalizzazioni non salvate da ripetere o annullare, il pulsante corrispondente è inattivo.

Barra laterale

La barra laterale mostra una visualizzazione ad albero di tutto il contenuto del modello che stai visualizzando. Dalla barra laterale puoi gestire sezioni e blocchi e le impostazioni del tema. Puoi comprimere la barra laterale cliccando di nuovo sul pulsante di navigazione attivo nella barra dei menu per disattivarla.

Il tema potrebbe avere impostazioni condizionali visualizzate nella barra laterale a seconda di quali altre impostazioni sono attive. Ad esempio, se il tema presenta un blocco con un'impostazione per aggiungere un video o un'immagine, il selettore di immagini o il link del video potrebbero essere un'impostazione condizionale che appare solo dopo aver selezionato Immagine come tipo di contenuti multimediali.

Modalità della barra laterale

L'editor del tema ha due modalità per sfruttare tutto lo spazio disponibile sullo schermo.

La modalità con doppia barra laterale è adatta a finestre del browser più ampie e schermi più grandi, mentre la modalità con barra laterale singola è ideale per finestre del browser più strette e schermi più piccoli. La modalità della barra laterale determina dove viene visualizzato il pannello delle impostazioni nell'editor.

Modalità a doppia barra laterale

Se la finestra del browser è larga almeno 1600 pixel, avrai due pannelli. Il pannello sinistro contiene la struttura della pagina con le relative sezioni e i blocchi, mentre il pannello destro contiene le impostazioni per la sezione o il blocco selezionato. Puoi comprimere il pannello destro deselezionando le sezioni.

Per visualizzare l'editor del tema nella modalità con barra laterale singola su uno schermo grande, riduci la larghezza della finestra del browser finché l'editor non passa al layout impilato.

Modalità a barra laterale singola

Sugli schermi più stretti, l'editor utilizza un layout impilato. Quando clicchi su una sezione o un blocco, il pannello delle impostazioni scorre dal basso verso l'alto anziché coprire la struttura della pagina. Puoi trascinare il divisore per regolare la divisione tra la struttura della pagina e le impostazioni, mantenendole entrambe sempre visibili.

Anteprima del tema

Puoi visualizzare in anteprima il layout mobile del tema cliccando sul pulsante nella barra dei menu. Per tornare all'anteprima desktop, clicca di nuovo sul pulsante mobile.

Per visualizzare l’anteprima del tema a larghezza intera, clicca sul pulsante di navigazione della barra laterale attivo per comprimere la barra laterale. Se sono visibili entrambi i pannelli, questa operazione li comprime entrambi contemporaneamente, offrendoti un’anteprima a larghezza intera della tua vetrina virtuale.

Annullare e ripristinare le modifiche non salvate

Puoi usare i pulsanti e per annullare o ripristinare le personalizzazioni non salvate. Dopo aver salvato le modifiche, non è più possibile annullarle o ripristinarle.

Uso delle scelte rapide da tastiera nell'editor del tema

Puoi usare le scelte rapide da tastiera per navigare ed eseguire azioni nell'editor del tema.