Modifica del tema

Link in evidenza

1. Modifica il tema
2. Documentazione Shopify sull’editor del tema
3. Duplica il tema
4. Documentazione Shopify sull’assistenza per i temi
5. Caricamento delle immagini
6. Temi
7. Editor del codice
8. Modifica le parole predefinite nel tema
9. Anteprima del tema
10. Documentazione del tema

Video utili

Video della Shopify Academy: personalizzare il tuo negozio

Video della Shopify Academy: personalizzare il tuo negozio

Usa l’editor del tema Shopify per modificare i contenuti, il layout, la tipografia e i colori del tema Align senza modificare il codice. Le sezioni e le impostazioni ti consentono di personalizzare il tuo negozio mentre lavori in un’anteprima live.

Prima di personalizzare il tema

Preparati prima di apportare modifiche importanti, così potrai sperimentare con sicurezza.

1. Duplica il tema per creare un backup. Se necessario, puoi annullare le modifiche e ricominciare dalla copia.
2. Consulta il livello di assistenza disponibile
3. Consulta i requisiti e le best practice per il caricamento delle immagini

Consiglio

Duplica Align prima di apportare modifiche importanti al layout o ai contenuti, soprattutto quando modifichi il tema pubblicato.

Accedere all’editor del tema

L’editor del tema mostra una vista ad albero dei contenuti del template visualizzato. Seleziona una sezione o un blocco per aprire le relative impostazioni. Usa ▸ per espandere una sezione e ▾ per comprimerla.

1. Dall’amministratore Shopify, vai a Online Store > Temi
2. Accanto al tema Align che vuoi modificare, fai clic su Personalizza.

Usare la barra dei menu

La barra dei menu fornisce informazioni sul tema, strumenti di navigazione e modifica e controlli per il salvataggio.

Usa la barra dei menu per:

1. Tornare all’amministratore Shopify e controllare il nome e lo stato del tema. Un tema pubblicato è contrassegnato come Live; i temi non pubblicati sono contrassegnati come Bozza.

2. Aprire il menu delle azioni per:

   • Usare Modifica codice per aprire l’editor del codice
   • Usare Modifica contenuti predefiniti del tema per modificare le parole predefinite nel tema
   • Aprire un’anteprima del tema
   • Usare Visualizza documentazione per aprire la documentazione del tema.
   • Consultare le scorciatoie da tastiera disponibili.
   • Usare Ricevi assistenza per ricevere assistenza

3. Passare da mercati a template e viceversa.

4. Attivare o disattivare Sidekick o l’ispettore dell’anteprima

5. Modificare l’anteprima con i controlli delle dimensioni dello schermo, usare i controlli per annullare e ripristinare e salvare le modifiche.

Visualizzare documentazione, assistenza e dettagli del tema

Apri il menu nella barra dei menu per visualizzare i dettagli del tema, inclusi la versione e le informazioni sullo sviluppatore. Lo stesso menu fornisce collegamenti alla documentazione del tema e alle informazioni sull’assistenza.

Ricevere assistenza per le personalizzazioni

Per ricevere assistenza sull’utilizzo o la personalizzazione di Align, inizia dalla documentazione di Company XYZ e contatta l’assistenza di Company XYZ. Per domande sull’amministratore Shopify, sulla fatturazione, sull’account o sulla piattaforma, usa le opzioni di assistenza Shopify. Puoi anche consultare le indicazioni di Shopify su come contattare lo sviluppatore del tema per ricevere assistenza e le risorse aggiuntive per l’assistenza sui temi

Usare le scorciatoie da tastiera

Le scorciatoie da tastiera possono velocizzare le attività comuni di navigazione e modifica nell’editor del tema.

Categoria	Azione	Scorciatoia su Windows	Scorciatoia su macOS
Generale	Annulla	CTRL • Z	⌘ • Z
	Ripristina	CTRL • Y	⌘ • Y
	Salva	CTRL • S	⌘ • ⇧ • S
	Visualizza tutte le scorciatoie	CTRL • /	⌘ • /
Strumenti	Ispettore dell’anteprima	CTRL • SHIFT • │	⌘ • ⇧ • │
	Modalità anteprima	⊞ • CTRL • │	⌘ • ⌃ • │
	Sidekick	CTRL • .	⌘ • .
Navigazione	Sezioni	⊞ • CTRL • Z	⌘ • ⌃ • 1
	Impostazioni del tema	⊞ • CTRL • Z	⌘ • ⌃ • 2
	Incorporamenti delle app	⊞ • CTRL • Z	⌘ • ⌃ • 3
Sezioni e blocchi	Nascondi e mostra	CTRL • SHIFT • H	⌘ • ⇧ • H
	Rimuovi	SHIFT • ⭠	⇧ • ⌫
	Seleziona precedente	SHIFT • ←	⇧ • ▲
	Seleziona successivo	SHIFT • →	⇧ • ▼
	Apri elemento selezionato	SHIFT • ENTER	⇧ • ▼
	Espandi tutte le sezioni	CTRL • SHIFT • O	⌘ • ⇧ • O
	Comprimi tutte le sezioni	CTRL • SHIFT • P	⌘ • ⇧ • P

Scegliere e visualizzare in anteprima i template

Usa il selettore di pagina nella barra superiore per accedere ai template del tema Align.

Con un tema compatibile, puoi creare un template direttamente dal selettore di pagina scegliendo Nuovo template.

Visualizzare in anteprima un template con una risorsa specifica

Puoi visualizzare in anteprima un template compatibile con qualsiasi risorsa corrispondente del tuo negozio. Ad esempio, puoi visualizzare un template prodotto con prodotti diversi per controllare come vengono visualizzati i relativi contenuti. Devi comunque assegnare il template alla risorsa nell’amministratore Shopify.

Puoi cercare template e risorse dalla barra Search nel selettore di pagina, Aggiungi sezione, Aggiungi blocco o Incorporamenti delle app.

1. Dall’amministratore Shopify, vai a Online Store > Temi
2. Accanto al tema Align che vuoi modificare, fai clic su Personalizza.
3. Dal menu dei template, seleziona il template da visualizzare in anteprima.
4. Nella sezione Anteprima del menu della barra laterale, fai clic su Modifica.
5. Dal menu Seleziona, scegli la risorsa da visualizzare in anteprima.

Usare l’ispettore dell’anteprima

L’ispettore dell’anteprima ti consente di selezionare direttamente nell’anteprima sezioni e blocchi, così puoi trovare rapidamente le relative impostazioni. Dalla finestra di anteprima puoi anche riordinare, nascondere o duplicare sezioni e blocchi.

Quando l’ispettore dell’anteprima è attivo, seleziona un elemento con contorno per aprirne le impostazioni. Su un dispositivo mobile, seleziona un elemento e apri il pannello inferiore per modificarne le impostazioni.

Il contorno indica ciò che hai selezionato:

1. Una linea blu continua identifica la sezione attiva. Le relative impostazioni sono evidenziate in grigio nella barra laterale.
2. Una linea blu tratteggiata identifica un blocco associato alla sezione selezionata. Selezionalo per aprire le impostazioni del blocco o della sezione.

Selezionando un’area nell’anteprima, le relative impostazioni vengono caricate nella barra laterale. Su un dispositivo mobile, tocca due volte per navigare nel sito come farebbe un cliente.

Aggiungere sezioni e blocchi dall’anteprima

Puoi aggiungere sezioni e blocchi direttamente dall’ispettore dell’anteprima. Nell’app Shopify, tieni premuta una sezione per gestirla.

Strumento	Description
Aggiungi sezione	Il pulsante Aggiungi sezione viene visualizzato sopra e sotto la sezione selezionata. Selezionalo per inserire una sezione sopra o sotto quella corrente.
Aggiungi blocco	Il pulsante Aggiungi blocco viene visualizzato quando passi il mouse su un blocco. Sposta il cursore sul pulsante, scegli un blocco del tema o dell’app disponibile, quindi modifica il nuovo blocco nella barra laterale destra.

Gestire gli elementi dall’anteprima

Usa l’ispettore dell’anteprima per spostare, nascondere, duplicare o eliminare sezioni e blocchi.

Controllare diverse dimensioni dello schermo

Passa l’anteprima tra le dimensioni desktop, mobile e a schermo intero per controllare il funzionamento delle modifiche nei diversi layout. Usa i pulsanti delle dimensioni dello schermo nella barra dei menu per selezionare desktop, mobile o schermo intero.

Annullare e ripristinare le modifiche

Usa i pulsanti annulla e ripristina per annullare o recuperare le personalizzazioni non salvate. Dopo aver salvato, queste modifiche non possono più essere annullate o ripristinate. I pulsanti sono disattivati quando non ci sono modifiche disponibili da annullare o ripristinare.

Lavorare con la barra laterale

La barra laterale mostra una vista ad albero dei contenuti del template corrente. Usala per gestire sezioni, blocchi e relative impostazioni.

Modalità della barra laterale

L’editor usa una o due barre laterali a seconda della larghezza dello schermo disponibile.

1. La modalità a doppia barra laterale viene usata sugli schermi più ampi. Il pannello di navigazione appare a sinistra e quello delle impostazioni a destra.
2. La modalità a barra laterale singola viene usata nelle finestre del browser più strette per lasciare più spazio all’anteprima. Quando selezioni una sezione o un blocco, il pannello delle impostazioni si apre sopra quello di navigazione.

Modalità a doppia barra laterale

Quando lo schermo e la finestra del browser completamente espansa hanno una larghezza di almeno 1600 pixel, l’editor visualizza due barre laterali.

Per usare la modalità a barra laterale singola su uno schermo grande, restringi la finestra del browser finché il pannello delle impostazioni non si sovrappone alla barra laterale di navigazione o scompare.

Modalità a barra laterale singola

Nelle finestre del browser più strette, l’editor visualizza una barra laterale per lasciare più spazio all’anteprima. Seleziona una sezione o un blocco per aprirne le impostazioni sopra il pannello di navigazione.

Gestire sezioni e blocchi

La barra laterale elenca le sezioni e i blocchi della pagina corrente. I blocchi sono visualizzati per impostazione predefinita, mentre le sezioni di header e footer sono compresse per impostazione predefinita.

Comprendere i gruppi di sezioni

Ogni template di pagina organizza le sezioni nelle seguenti aree:

1. Header include l’header, la barra degli annunci e qualsiasi app o Liquid personalizzato.
2. Template contiene il contenuto principale della pagina, ad esempio articoli del blog, collage, elenchi di collezioni o Liquid personalizzato.
3. Footer include il footer, l’iscrizione alle email e qualsiasi app o Liquid personalizzato.

Le modifiche all’header e al footer si applicano alle pagine del negozio. Ad esempio, il Liquid personalizzato aggiunto all’header viene visualizzato nelle pagine dei prodotti, nella home page e nelle altre pagine.

Espandere e comprimere gli elementi

Seleziona il pulsante accanto al nome di una sezione per mostrare o nasconderne i contenuti. Seleziona una sezione o un blocco per aprirne le impostazioni.

Spostare sezioni e blocchi

Trascina una sezione o un blocco usando il cursore ::: e rilascialo in una posizione disponibile. Se la posizione non consente quell’elemento, questo torna alla posizione originale.

Rimuovere sezioni e blocchi

Puoi rimuovere una sezione o un blocco in uno dei seguenti modi:

1. Passa il mouse accanto al nome della sezione e seleziona il pulsante di rimozione.

   

2. Seleziona la sezione, quindi scegli Rimuovi sezione nelle relative impostazioni.

   

Per rimuovere un elemento dalla barra laterale:

1. Dall’amministratore Shopify, vai a Online Store > Temi
2. Accanto al tema Align che vuoi modificare, fai clic su Personalizza.
3. Nella barra laterale, seleziona la sezione o il blocco da rimuovere.
4. Fai clic su Rimuovi sezione o Rimuovi blocco.
5. Fai clic su Salva. Se stai modificando un tema pubblicato, fai clic su Pubblica per salvare le modifiche e renderle attive nel negozio.

Nascondere sezioni e blocchi

Seleziona il pulsante 👁️ per nascondere una sezione o un blocco.

Note sull’uso

1. Proteggi il punto di partenza. Crea un duplicato del tema prima di sperimentare modifiche significative.
2. Visualizza in anteprima i contenuti pertinenti. Prova i template con i prodotti, le collezioni o le altre risorse che dovranno visualizzare.
3. Controlla i layout responsive. Esamina le anteprime desktop e mobile prima di salvare o pubblicare.
4. Ricorda le aree condivise. Le modifiche all’header o al footer interessano le pagine del negozio.
5. Salva intenzionalmente. Le funzioni di annullamento e ripristino operano solo sulle modifiche non salvate.