Sezioni e blocchi

Puoi utilizzare le sezioni nel tema per creare il layout che desideri per il negozio online. Le sezioni sono composte da diversi tipi di blocchi, ognuno con una funzione specifica, come testo, pulsanti, immagini singole, collage di immagini o link.

Le sezioni e i blocchi offrono flessibilità nell'organizzazione dei contenuti e ti consentono di controllare lo stile e l'aspetto del negozio online senza dover modificare il codice, includendo le seguenti opzioni di personalizzazione:

• Puoi riorganizzare le sezioni nei modelli e i blocchi all'interno delle sezioni.
• Le sezioni e i blocchi possono avere impostazioni di personalizzazione specifiche.
• Puoi collegare sezioni e blocchi compatibili per visualizzare informazioni dinamiche sul negozio online da dati personalizzati, ad esempio aggiungendo le istruzioni per la cura dei prodotti. Scopri di più su come collegare le origini dinamiche.

Le sezioni e i blocchi disponibili nell'editor del tema dipendono dal tema e dalla sua versione. Ad esempio, il tema potrebbe avere un blocco Slide che puoi aggiungere solo a una sezione Presentazione e un blocco di testo Titolo che puoi aggiungere a tutte le sezioni del tema. Per maggiori informazioni sulle opzioni a tua disposizione, consulta la documentazione del tema.

Limiti massimi per sezioni e blocchi

Le sezioni e i blocchi hanno i seguenti limiti massimi:

• Ogni modello può avere fino a 25 sezioni.
• Ogni modello può avere fino a 1250 blocchi in tutte le sezioni. Il numero esatto di blocchi e il numero di ogni tipo di blocco che puoi aggiungere a ogni sezione dipendono dalle origini della sezione e del blocco e sono specificati dal designer del tema. Ad esempio, se il tema ha una sezione Iscrizione all'email, potresti essere in grado di aggiungere un solo blocco Modulo email.
• I blocchi che supportano la nidificazione possono avere fino a otto livelli di blocchi nidificati.

Origini dei blocchi

A seconda della struttura del tema e delle app che hai installato, il tema potrebbe contenere una varietà di sezioni che accettano blocchi da origini diverse. Quando aggiungi un blocco a una sezione, tutti i blocchi disponibili per quella sezione vengono visualizzati nel selettore di blocchi. A seconda del tema e della sua versione, puoi aggiungere i seguenti tipi di blocchi alle sezioni del tema:

• I blocchi app sono blocchi che aggiungono funzionalità al tema. Puoi utilizzare un blocco app per riposizionare le aree del tema aggiunte dalle app installate in un'area specifica di una pagina del tema.
• I blocchi di sezione sono blocchi definiti all'interno di una sezione specifica.
• I blocchi del tema sono blocchi definiti all'interno del tema che possono avere funzionalità dinamiche, come la nidificazione.

Il tema può contenere alcune sezioni che utilizzano blocchi di sezione e altre sezioni che utilizzano blocchi del tema. Una singola sezione può accettare blocchi del tema o blocchi di sezione, ma non una combinazione di entrambi.

La disponibilità dei blocchi app all'interno delle sezioni dipende dalla funzionalità dell'app e dal fatto che la sezione possa accettare blocchi app.

Blocchi di sezione

I blocchi di sezione sono blocchi progettati per una sezione specifica. Una sezione può avere limiti per i tipi di blocchi di sezione e limitare il numero di un certo tipo di blocco che puoi aggiungere.

Esempio di una sezione con blocchi di sezione

Ad esempio, il tuo tema ha una sezione Iscrizione all'email. Puoi utilizzare questa sezione per aggiungere un modulo di iscrizione alla newsletter in modo che i clienti possano iscriversi alla tua newsletter. Dopo aver aggiunto la sezione Iscrizione all'email, puoi aggiungere uno dei seguenti blocchi:

• un blocco Modulo email
• un blocco Titolo
• un blocco Sottotitolo

Se aggiungi il blocco Modulo email e clicchi su Aggiungi blocco per aggiungere un altro blocco, il blocco Modulo email non verrà più visualizzato come opzione nel selettore di blocchi. Questa limitazione aiuta a prevenire eventuali problemi con l'acquisizione dell'email del cliente e garantisce che il cliente possa inserire facilmente il proprio indirizzo email.

Se hai aggiunto tutti e tre i blocchi disponibili per la sezione Iscrizione all'email, il selettore di blocchi visualizzerà un messaggio che indica che tutti i blocchi disponibili sono stati utilizzati.

Blocchi del tema

I blocchi del tema sono blocchi definiti all'interno del tema e possono avere funzionalità dinamiche, come la nidificazione. Le sezioni che accettano blocchi del tema possono accettare una varietà di blocchi diversi, a seconda della struttura della sezione. Una sezione che accetta blocchi del tema può accettare tutti i blocchi del tema disponibili, un sottoinsieme specifico di blocchi o blocchi unici per quella sezione. I blocchi del tema potrebbero anche avere i seguenti comportamenti:

• Alcuni blocchi supportano la nidificazione, quindi puoi nidificare blocchi all'interno di altri blocchi fino a otto livelli.
• Alcune sezioni hanno blocchi obbligatori. Puoi personalizzare o nascondere questi blocchi, ma non puoi riordinarli o eliminarli.
• Alcuni blocchi vengono visualizzati automaticamente in una sezione quando vengono soddisfatte determinate condizioni.

Esempio di una sezione con blocchi del tema

Ad esempio, il tema ha una sezione Presentazione con blocchi del tema.

Nella sezione della presentazione del tema, quando clicchi su Aggiungi blocco, puoi selezionare un blocco Slide dal selettore di blocchi. Non sono disponibili altri tipi di blocco. Se provi ad aggiungere un blocco Slide a un'altra sezione del tema, come una sezione Banner con immagine, il blocco Slide non sarà disponibile. Questo è un esempio di blocco con restrizioni.

Dopo aver aggiunto un blocco Diapositiva alla sezione Presentazione, puoi cliccare su Aggiungi blocco per aggiungere altri blocchi a qualsiasi blocco Diapositiva nella sezione Presentazione, come Intestazione, Immagine, Pulsante. Questi blocchi sono nidificati nel blocco Diapositiva. Questo è un esempio di blocco nidificato.

Se aggiungi un secondo blocco Diapositiva alla sezione Presentazione, il tema aggiunge automaticamente un blocco Controlli presentazione. Questo blocco mostra i pulsanti che i visitatori possono cliccare per passare da una diapositiva all'altra. Puoi personalizzare lo stile dei pulsanti o nascondere i controlli, ma non puoi rimuovere o eliminare il blocco. Questo è un esempio di blocco obbligatorio visualizzato in modo condizionale.

Compatibilità dei blocchi del tema

Per accedere ai blocchi del tema, il tuo tema deve disporre di sezioni che supportano i blocchi del tema. Puoi verificare se il tuo tema supporta i blocchi del tema nel suo codice. Se nella barra laterale dell'editor di Liquid è presente una directory blocks, stai utilizzando un tema che supporta i blocchi del tema. Puoi anche consultare la documentazione del tema.

Passaggi:

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

2. Accanto al tema da controllare, clicca sul pulsante , quindi clicca su Modifica codice.

3. Nella barra laterale, cerca la cartella blocks.

   

Personalizzazione dei modelli di tema con sezioni e blocchi

Quando apri l'editor del tema, la homepage del negozio viene caricata per impostazione predefinita. Puoi usare il menu a discesa per selezionare un modello diverso (ad esempio prodotti, collezioni, pagine o blog) oppure la barra di ricerca nel menu a discesa dei modelli per cercare un modello specifico. Una volta selezionato, il modello viene caricato nell'editor del tema e le modifiche apportate vengono visualizzate in anteprima.

Aggiungi una sezione

Aggiungi una nuova sezione a qualsiasi pagina del tuo negozio online.

Passaggi:

Modifica una sezione

Riordina una sezione o un blocco

Puoi modificare l'ordine delle sezioni nei modelli di pagina e riordinare i blocchi al loro interno. Inoltre, puoi spostare i blocchi compatibili tra sezioni diverse. Ad esempio, se la homepage include due sezioni Presentazione, puoi trascinare un blocco Diapositiva da una presentazione all'altra.

Non puoi spostare un blocco in una sezione diversa se il tipo di blocco non è compatibile o se la sezione ha già raggiunto il limite massimo di blocchi. Se provi a spostare una sezione o un blocco in una posizione non valida, l'elemento tornerà alla sua posizione originale.

Puoi anche utilizzare lo strumento di ispezione dell'anteprima per riordinare le sezioni. Scopri di più sull'utilizzo dello strumento di ispezione dell'anteprima nell'editor del tema.

Passaggi:

Duplica una sezione o un blocco

Puoi duplicare una sezione o un blocco per crearne una copia identica.

Dopo aver duplicato un blocco, il nuovo blocco viene aggiunto alla stessa sezione. Se vuoi spostare il blocco in una nuova sezione o modificarne l’ordine, puoi riordinare il blocco. Puoi anche copiare un blocco e incollarlo direttamente in una sezione diversa.

Copia e incolla blocchi

Se vuoi usare lo stesso blocco in più sezioni, puoi copiarlo e incollarlo facilmente in una sezione diversa. Puoi anche copiare e incollare un blocco all'interno della stessa sezione o, in alternativa, puoi scegliere di duplicare il blocco. Un blocco duplicato manterrà tutte le impostazioni e il contenuto del blocco originale.

Passaggi:

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

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

3. Per copiare e incollare un blocco sulla homepage, selezionalo direttamente o utilizza il menu a discesa Homepage per scegliere il modello specifico che contiene la sezione o il blocco che vuoi modificare.

4. Fai clic destro sul blocco che vuoi duplicare, quindi clicca su Copia.

5. Nella stessa sezione o in una sezione diversa, fai clic destro nella sezione e clicca su Incolla.

6. Clicca su Salva.

Nascondi o elimina una sezione o un blocco

Rinominare una sezione o un blocco

Per impostazione predefinita, il titolo di una sezione o di un blocco nel menu della barra laterale dell'editor del tema e nei dettagli delle impostazioni è impostato sul tipo di blocco o di sezione, ad esempio «Collezione» o «Testo».

Per i blocchi, se le impostazioni del blocco contengono un campo di testo, come un'intestazione o una descrizione, quel testo viene aggiunto anche al titolo nel menu della barra laterale. Se è presente più di un campo di testo, viene aggiunto il primo campo di testo con del contenuto. Quando modifichi il testo nel campo di testo, il titolo del blocco cambia per includere il testo aggiornato. Il nome di una sezione o di un blocco non può essere vuoto.

Ad esempio, se aggiungi una sezione Multicolonna al modello di pagina con blocchi Colonna, il blocco colonna include sia un'impostazione Intestazione con il testo predefinito Colonna, sia un'impostazione Descrizione con il testo predefinito Abbina il testo a un'immagine per mettere in evidenza il prodotto, la collezione o l'articolo del blog che hai scelto.. Il titolo di sezione predefinito è Multicolonna. Il titolo predefinito del blocco Colonna è Colonna - Colonna. Se rimuovi il testo dalla sezione Intestazione, il titolo del blocco si aggiorna in Colonna - Abbina il testo a un'immag....

Puoi rinominare qualsiasi sezione o blocco con un nome personalizzato dalle impostazioni della sezione o del blocco nel menu della barra laterale dell'editor del tema.

Passaggi:

Utilizzo dei blocchi

I blocchi sono moduli personalizzabili che utilizzi per aggiungere contenuti alle sezioni dei modelli. Puoi utilizzare i blocchi per aggiungere testo, immagini, link, pulsanti e altro ancora.

I temi di Shopify dispongono di sezioni e blocchi che puoi personalizzare. Alcune sezioni hanno tipi di blocco fissi, il che significa che puoi scegliere solo tra i blocchi messi a disposizione per quella sezione dal designer del tema.

Altre sezioni ti consentono di selezionare qualsiasi blocco, ma c'è un limite al numero totale di blocchi che puoi aggiungere alla sezione. Se la sezione raggiunge il numero massimo di blocchi disponibili, l'opzione Aggiungi blocco è disattivata e non puoi cliccarla o toccarla.

Puoi usare la ricerca per trovare un blocco specifico per nome o selezionare un blocco dal menu a discesa del selettore di blocchi. I blocchi del tema potrebbero essere ordinati in categorie nel selettore di blocchi, ad esempio Collezione per i blocchi con un selettore di collezioni o Contenuti multimediali per i blocchi di immagini e video.

Nel selettore di blocchi viene visualizzata un'anteprima del blocco, per consentirti di controllarne la visualizzazione prima di aggiungerlo.

Aggiungi un blocco

Usa metafield e metaobject con origini dinamiche

Puoi utilizzare metafield e metaobject per visualizzare informazioni dinamiche sul negozio online. Se hai un tema che supporta i metafield, puoi collegare un metafield a una sezione o alle impostazioni di un blocco compatibili nell’editor del tema.

Ad esempio, se vendi candele, potresti voler visualizzare i tempi di combustione per ogni candela disponibile sul negozio. Dopo aver configurato un metafield di prodotto per Tempo di combustione nella sezione Dati personalizzati delle impostazioni del pannello di controllo Shopify, puoi aggiungere un blocco di testo alla sezione principale del modello di prodotto. Nel blocco di testo puoi cliccare sul pulsante nell'impostazione del testo e selezionare il metafield Tempo di combustione. Le informazioni sul tempo di combustione verranno ora visualizzate sui prodotti.

Se hai un tema di Shopify, puoi collegare la maggior parte dei metafield e dei metaobject al tema utilizzando l’editor del tema. Se utilizzi altri temi o se desideri aggiungere tipi di dati personalizzati non supportati dal tema, puoi modificare il codice del tema o ingaggiare un Partner di Shopify che ti aiuti. Scopri di più su come ingaggiare un Partner di Shopify.

Non tutte le sezioni o i blocchi supportano le origini dinamiche. Controlla la versione dell’architettura del tema e le opzioni di personalizzazione disponibili nell'editor del tema per determinare se il tema supporta le origini dinamiche.

Puoi visualizzare informazioni dinamiche nel negozio online aggiungendo sezioni o blocchi che possono utilizzare origini dinamiche. Le origini dinamiche possono essere utilizzate in qualsiasi modello, sezione o blocco che visualizzi risorse compatibili (prodotto, collezione, pagina, blog e articolo del blog). Devi aggiungere il metafield prima di poterlo collegare nei modelli. Consulta Origini dinamiche per maggiori informazioni sull’utilizzo di metafield e metaobject con origini dinamiche nel tema.

Dopo aver completato il processo di configurazione, segui i passaggi riportati di seguito per collegare le origini dinamiche a sezioni o blocchi nel tema, utilizzando il pulsante .

Passaggi:

Scopri di più su come visualizzare i metafield sul negozio online e su come visualizzare i metaobject sul negozio online.

Selettore di origini dinamiche

Puoi utilizzare il selettore di origini dinamiche per collegare l'origine dinamica corretta direttamente nell'editor del tema. Esamina le seguenti funzionalità principali del selettore di origini dinamiche:

• Ove applicabile, puoi fare riferimento a origini dinamiche da varie risorse. Ad esempio, se colleghi un'impostazione a un blocco connesso sia a una risorsa di prodotto che a una di pagina, puoi usare il menu a discesa nel selettore di origini dinamiche per specificare se cercare i metafield associati alla risorsa di prodotto o a quella di pagina.
• Il selettore di origini dinamiche dispone di una funzionalità di ricerca e filtro per aiutarti a trovare il metafield di cui hai bisogno.
• Il selettore di origini dinamiche ti consente di scegliere i metafield di categoria. Si tratta di attributi aggiuntivi che diventano disponibili quando assegni una categoria di prodotto a un prodotto. L’accesso a questi metafield ti consente di collegare origini dinamiche a qualsiasi campo pertinente sul metaobject dell'attributo sottostante.