Sezioni e blocchi

I temi creati per Online Store 2.0 utilizzano sezioni per creare il layout ideale. La maggior parte delle sezioni è costituita da blocchi dedicati a una funzione specifica, come header, testo, singole immagini, un collage di immagini o link. L'utilizzo di sezioni e blocchi nei modelli ti permette di disporre i contenuti del negozio con semplicità, consentendoti di controllare l'aspetto del negozio online senza dover modificare il codice.

Ogni sezione ha una varietà specifica di blocchi che può essere aggiunta: le sezioni e i blocchi disponibili dipendono dal tuo tema. Per maggiori informazioni sulle opzioni disponibili per te, consulta la documentazione del tema.

Alcune sezioni limitano il numero di blocchi che puoi aggiungere o il numero di blocchi di un determinato tipo. Ad esempio, la sezione Immagine con testo può mostrare solo i blocchi specificati dal designer del tema per il tuo tema. Su Dawn, il tema gratuito di Shopify, puoi aggiungere solo uno dei seguenti blocchi:

  • un titolo
  • un paragrafo
  • un pulsante

Puoi personalizzare ulteriormente la sezione modificandone le Impostazioni in modo da includere un'immagine e scegliere l'allineamento, le dimensioni, il colore di sfondo e l'ordine di caricamento visualizzato dai clienti quando visitano il tuo negozio online.

Se le sezioni che aggiungi al layout del negozio non includono le impostazioni o le opzioni di cui hai bisogno, puoi modificare il codice del tema o contattare lo sviluppatore del tema per assistenza.

Personalizzazione dei modelli del tema con sezioni e blocchi

Quando apri l'editor del tema, viene caricata la home page del tuo negozio per impostazione predefinita. Puoi utilizzare il menu a discesa per selezionare un modello diverso o utilizzare la barra di ricerca nel menu a discesa dei modelli per cercare un tipo di pagina specifico. Selezionando un modello lo si carica nell'editor del tema e tutte le modifiche apportate vengono visualizzate in anteprima nell'editor man mano che verranno effettuate.

Aggiunta di una sezione

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

Procedura:

  1. Seleziona un modello dal menu a discesa. 4. Clicca su + Aggiungi sezione, quindi seleziona una nuova sezione dall'elenco. 5. Clicca sulla nuova sezione per modificare i blocchi al suo interno. 6. Facoltativo: clicca e trascina l'icona ⋮⋮ accanto a una sezione per riorganizzare le sezioni nella pagina. 7. Clicca su Salva.

Modifica di una sezione

  1. Dal menu a discesa, seleziona il modello contenente la sezione che desideri modificare. 4. Clicca su una sezione per caricarne il contenuto nella finestra di anteprima e accedere alle opzioni disponibili. 5. Facoltativo: clicca su singoli blocchi per modificarli all'interno della sezione. 6. Clicca su Salva.

Rimozione di una sezione o di un blocco

  1. Dal menu a discesa, seleziona il modello contenente la sezione che desideri modificare. 4. Clicca su una sezione per caricarne il contenuto nella finestra di anteprima e accedere alle opzioni disponibili. 5. Clicca sull'icona a forma di occhio per nascondere o mostrare una sezione o un blocco. 6. Clicca su Rimuovi per eliminare un blocco o una sezione.

Alcune sezioni hanno limiti e tipi di blocco fissi. Se esiste un limite per una particolare sezione o blocco, l'interfaccia ti indica quanti blocchi hai utilizzato rispetto al totale di quelli disponibili. Se hai utilizzato il numero massimo di blocchi, non potrai aggiungerne altri fino a quando non ne avrai eliminato uno esistente.

Azioni sui blocchi

I blocchi sono moduli personalizzabili che costituiscono le sezioni nei modelli delle pagine. Puoi utilizzare i blocchi per aggiungere testo, immagini, link, pulsanti e altro ancora.

I temi dell'Online Store 2.0 hanno sezioni e blocchi che puoi personalizzare. Alcune sezioni hanno tipi di blocco fissi, il che significa che puoi scegliere solo tra quelli resi disponibili dal designer del tema per quella sezione. Altre sezioni ti consentono di selezionare qualsiasi blocco, ma limitano il numero totale di quelli che puoi aggiungere alla sezione. Se la tua sezione raggiunge il numero massimo di blocchi disponibili, un messaggio ti avviserà del raggiungimento del limite e l'opzione + Aggiungi blocco verrà disattivata finché non verrà rimosso un blocco esistente.

Aggiunta di un blocco

  1. Dal menu a discesa, seleziona il modello contenente la sezione che desideri modificare. 4. Clicca su una sezione per caricarne il contenuto nella finestra di anteprima e accedere alle opzioni disponibili. 5. Clicca su + Aggiungi blocco, quindi configura le opzioni disponibili. 6. Clicca su Salva.

Utilizzo di metafield e fonti dinamiche

I metafield ti consentono di mostrare informazioni dinamiche nel tuo negozio online. Se hai un tema che supporta i metafield, puoi collegarne uno a una sezione o a un blocco nell'editor del tema.

Ad esempio, un venditore di candele potrebbe voler mostrare i tempi di bruciatura per ogni tipo di candela disponibile. Dopo aver impostato un metafield per il tempo di bruciatura, il venditore potrà aggiungere un blocco per il tempo di bruciatura al modello del prodotto e collegarlo al metafield.

Puoi mostrare informazioni dinamiche nel tuo negozio online aggiungendo sezioni o blocchi che possono utilizzare fonti dinamiche. Le fonti dinamiche possono essere utilizzate in qualsiasi sezione o blocco di un modello di prodotto. Nei modelli non di prodotto, le fonti dinamiche possono essere utilizzate in sezioni o blocchi che mostrano i prodotti. Devi aggiungere il metafield prima di poterlo collegare ai modelli. Consulta la sezione Dynamic Sources (Origini dinamiche) per maggiori informazioni sull'utilizzo dei metafield e delle fonti dinamiche nel tuo tema.

Dopo aver completato la procedura di configurazione, segui questi passaggi per inserire l'origine dinamica nel tuo modello:

  1. Dal menu a discesa, seleziona il modello contenente la sezione che desideri modificare. 4. Clicca su una sezione esistente per caricarne il contenuto nella finestra di anteprima e accedere alle opzioni disponibili oppure clicca su + Aggiungi sezione. 5. Clicca su + Aggiungi blocco, quindi collega un'origine dinamica: * se viene visualizzata l'icona per collegare l'origine dinamica, clicca per selezionare un singolo metafield:
    Collega origine dinamica
    * se l'icona per collegare l'origine dinamica mostra un +, clicca per selezionare fino a 20 metafield aggiungendoli uno alla volta:
    Inserisci icona origine dinamica
    6. Clicca su Salva.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis