Modelli

I modelli sono un gruppo di sezioni configurate per conferire al negozio online un design e un aspetto coerenti. Le sezioni disponibili nei modelli dipendono dal tema. Nell'editor del tema, puoi scoprire quali modelli vengono applicati a quali pagine e quindi modificare i modelli per personalizzare le informazioni visualizzate ai clienti.

Il tema contiene modelli per diversi tipi di contenuto. Questi tipi di modelli contengono sezioni e blocchi che importano contenuto in modo dinamico dalla rispettiva area del pannello di controllo Shopify. Ad esempio, il modello di pagina del prodotto del tema crea una pagina per ogni prodotto pubblicato sul negozio online nella sezione Prodotti del pannello di controllo Shopify.

Quando modifichi un modello, le modifiche vengono applicate a ogni pagina che utilizza quel modello. Ad esempio, se aggiungi un modulo di iscrizione alla newsletter a un modello di collezioni, tutte le pagine di collezione che utilizzano il modello di collezioni predefinito visualizzeranno il modulo di iscrizione alla newsletter.

Puoi accedere a tutti i modelli del tema dal selettore di pagina nella barra dei menu dell'editor del tema.

Modelli predefiniti

Ogni modello predefinito ha le proprie sezioni e impostazioni predefinite che puoi modificare e personalizzare nell' editor del tema. Ad esempio, le pagine del prodotto hanno per impostazione predefinita una sezione Informazioni sul prodotto e una sezione Prodotti correlati. Le impostazioni di personalizzazione specifiche per ogni tema dipendono dallo sviluppatore e dalla versione del tema. Scopri di più su come trovare la versione del tema.

I modelli sono disponibili nel tuo tema per impostazione predefinita.

Prodotti

Le pagine del prodotto del tema mostrano informazioni sui prodotti che vendi nel tuo negozio e da cui i clienti possono acquistarli.

Per impostazione predefinita, le pagine del prodotto hanno una sezione Informazioni sul prodotto e una sezione Prodotti correlati nell'editor del tema.

La sezione Informazioni sul prodotto mostra i dettagli dei tuoi prodotti, come titolo, descrizione, prezzo e immagini. Puoi gestire i prodotti dalla pagina Prodotti del pannello di controllo Shopify.

Collezioni

Le pagine di collezione del tema mostrano le collezioni che crei nella pagina Prodotti > Collezioni del pannello di controllo Shopify, raggruppando prodotti specifici in categorie. Puoi avere collezioni smart e collezioni manuali.

Per impostazione predefinita, le pagine di collezione hanno una sezione Banner della collezione e una sezione Griglia di prodotti nell'editor del tema.

Elenco delle collezioni

La pagina dell'elenco delle collezioni mostra tutte le collezioni disponibili sul canale di vendita Negozio online. Ad esempio, se hai un negozio di gioielli, puoi aggiungere un link alla pagina dell'elenco delle collezioni nel menu per consentire ai clienti di navigare per tipo di gioiello, come anelli o collane. Dovrai creare collezioni per ogni categoria.

Buono regalo

Quando crei un buono regalo o un cliente ordina un prodotto buono regalo, i dettagli di quel buono regalo sono inclusi nella pagina del buono regalo, come il valore o il saldo del buono regalo e il codice di utilizzo.

La pagina del buono regalo fa parte del tema. Puoi personalizzare il tema per aggiungere o modificare lo stile e le informazioni incluse nella pagina del buono regalo.

Il valore del buono regalo e il codice di utilizzo del buono regalo non possono essere personalizzati.

Pagine

Puoi creare pagine personalizzate nel pannello di controllo Shopify per offrire contenuti ai clienti, ad esempio una pagina Chi siamo o informazioni extra sui tuoi prodotti.

Pagina del carrello

La pagina del carrello del negozio online è dove i clienti possono controllare gli articoli che hanno aggiunto al carrello.

Per impostazione predefinita, la pagina del carrello ha una sezione Articoli e una sezione Subtotale nell'editor del tema.

Blog

Le pagine del blog sul negozio online sono la homepage per tutti i blog che crei nel pannello di controllo Shopify e contengono tutti gli articoli del blog pubblicati in quel blog.

Per impostazione predefinita, le pagine del blog contengono una sezione Articoli del blog nell'editor del tema.

Articoli del blog

Le pagine degli articoli del blog sul negozio online mostrano il contenuto degli articoli del blog che crei nella pagina Contenuti > Articoli del blog del pannello di controllo Shopify. Per impostazione predefinita, le pagine degli articoli del blog contengono una sezione Articolo del blog nell'editor del tema.

Pagina di ricerca

La pagina di ricerca è il luogo in cui i clienti possono cercare e trovare prodotti, pagine o articoli del blog specifici all'interno del negozio online.

Per impostazione predefinita, la pagina di ricerca contiene una sezione Risultati di ricerca nell'editor del tema.

Oltre alle impostazioni della sezione Risultati di ricerca, puoi visualizzare e personalizzare alcune delle Impostazioni del tema per il comportamento di ricerca e aggiungere CSS personalizzato specifico per la sezione.

Pagina protetta da password

Puoi impostare il negozio perché sia protetto da password nella pagina Negozio online > Preferenze del pannello di controllo Shopify. Se il negozio è protetto da password, ai visitatori del negozio online viene mostrata la pagina protetta da password. Il modello di pagina protetta da password ha un header e un footer unici. Puoi personalizzare il modello della pagina protetta da password dall'editor del tema.

Pagina 404

La pagina 404 viene mostrata quando un cliente tenta di visitare un link del tuo sito che non esiste, ad esempio la pagina di un prodotto che hai eliminato dal negozio.

Questa pagina non ha impostazioni personalizzabili, ma puoi aggiungere CSS personalizzato specifico per la sezione alla pagina 404 nell'editor del tema.

Modifica dei modelli

Puoi modificare i modelli per aggiungere sezioni al negozio online. Alcune sezioni contengono blocchi che possono essere personalizzati ulteriormente, ma non tutte le sezioni o i blocchi hanno impostazioni o contenuti che possono essere modificati. Quando modifichi i modelli, le modifiche vengono visualizzate in tempo reale nell'anteprima dell'editor del tema.

Passaggi:

Considerazioni sulla creazione di un nuovo modello

Prima di creare un nuovo modello, esamina le seguenti considerazioni:

• Puoi avere più modelli per prodotti, collezioni, pagine, blog e articoli del blog, ma puoi avere solo 1000 modelli in totale.
• Puoi creare un nuovo modello solo con un tema compatibile.
• Tutti i temi hanno un modello predefinito per collezioni, prodotti, blog, articoli del blog e pagine. Le risorse e i contenuti del negozio vengono visualizzati con questi modelli predefiniti, a meno che tu non crei modelli alternativi.
• Qualsiasi modifica apportata a un modello si ripercuote su tutte le pagine che lo utilizzano. Se desideri visualizzare in modo diverso alcune pagine di un determinato tipo, puoi creare un nuovo modello basato su uno già esistente nel tema.
• Quando crei un nuovo modello da uno esistente, il nuovo modello viene popolato automaticamente con le stesse sezioni di quello esistente. Potrai quindi rimuovere, aggiungere o nascondere sezioni e modificarne il contenuto in base alle esigenze, senza che ciò influisca sulla visualizzazione delle pagine che utilizzano il modello esistente.

Crea un nuovo modello

Dopo aver creato un nuovo modello, puoi applicare il modello a una pagina del negozio online per cui desideri utilizzarlo.

Crea un modello per i metaobject

Puoi creare un modello per una pagina web per i metaobject. Per utilizzare questa funzionalità, completa i passaggi seguenti:

1. Crea una definizione di metaobject con accesso a Storefront e, facoltativamente, attiva manualmente la funzione delle pagine web. Quando crei un modello di tema, l'editor del tema attiva la funzione delle pagine web.
2. Crea voci per la definizione di metaobject.

Ora puoi creare un modello di metaobject nell'editor del tema.

Anteprima dei modelli

Puoi utilizzare le anteprime dei modelli per vedere come vengono mostrate ai clienti le risorse del negozio online, come prodotti e pagine, quando viene applicato un modello diverso.

I modelli vengono assegnati a livello di prodotto, collezione, pagina, blog o articolo del blog. Puoi creare e modificare i modelli nell'editor del tema, ma modifichi il modello assegnato a una risorsa nel pannello di controllo Shopify.

Considerazioni sull'anteprima dei modelli

Considera i seguenti dettagli durante l'anteprima dei modelli per le diverse risorse del negozio online:

• Quando visualizzi in anteprima un modello di prodotti nell'editor del tema, puoi utilizzare prodotti con stato Attivo o Bozza, ma non puoi visualizzare in anteprima un prodotto con stato Archiviato.
• Quando visualizzi in anteprima un modello di collezioni nell'editor del tema, devi assicurarti che per la collezione sia attivato Negozio online come canale di vendita. Se per una collezione non è attivato Negozio online come canale di vendita, non potrai visualizzarla in anteprima con alcun modello di collezioni nell'editor del tema.
• Quando visualizzi in anteprima un modello di pagine nell'editor del tema, puoi utilizzare pagine con visibilità impostata su Visibile o Nascosta.
• Quando visualizzi in anteprima un modello di articoli del blog nell'editor del tema, puoi utilizzare articoli del blog con visibilità impostata su Visibile o Nascosta.

I blog non hanno parametri di stato o di visibilità diversi, quindi puoi utilizzare un modello di blog per visualizzare in anteprima qualsiasi blog pubblicato nel negozio online.

Visualizza in anteprima un modello alternativo

Puoi visualizzare in anteprima il modo in cui prodotti, collezioni, pagine, blog o articoli del blog vengono mostrati con un modello diverso applicato.

Passaggi:

Anteprima di risorse specifiche

Puoi visualizzare in anteprima il modo in cui il modello viene visualizzato con qualsiasi risorsa compatibile del tuo negozio. Ad esempio, se stai visualizzando un modello di prodotto, puoi testarlo con qualsiasi prodotto presente nel tuo negozio.

Devi comunque assegnare il modello alla risorsa nel pannello di controllo Shopify.

Puoi anche cercare modelli e risorse utilizzando la barra Cerca nel selettore di pagina, nello strumento Aggiungi sezione o Aggiungi blocco o in Incorporamenti di app.

Passaggi:

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

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

3. Dal menu del modello, seleziona il modello di cui desideri visualizzare l'anteprima.

4. Dal menu della barra laterale, nella sezione Anteprima, clicca su Modifica.

5. Dal menu Seleziona, seleziona la risorsa di cui desideri visualizzare l'anteprima.

Applica un nuovo modello

Puoi modificare un modello assegnato per le sezioni seguenti in un tema pubblicato:

• pagine
• prodotti
• collezioni
• blog
• articoli del blog

Puoi modificare un modello assegnato nel pannello di controllo Shopify. Le opzioni di modello visualizzate si basano solo sui modelli disponibili nel tema attivo corrente.

I modelli per prodotti e collezioni possono essere assegnati a un singolo articolo o a più articoli contemporaneamente utilizzando il bulk editor.

Applica un nuovo modello a una pagina

Applica un nuovo modello a un prodotto

Applica un nuovo modello a una collezione

1. Dal pannello di controllo Shopify, vai a Prodotti > Collezioni.

2. Clicca su una collezione a cui desideri applicare un modello.

3. Nella sezione Modello di tema, clicca sul menu a discesa, quindi seleziona il modello che desideri applicare alla collezione.

4. Clicca su Salva.

Applica un nuovo modello a un blog

Applica un nuovo modello a un articolo del blog

Applicazione di un nuovo modello a prodotti o collezioni in blocco

Puoi utilizzare il bulk editor per applicare un nuovo modello a più prodotti o collezioni in blocco.

Applica un nuovo modello ai prodotti in blocco

1. Dal pannello di controllo Shopify, vai a Prodotti.

2. Per modificare più prodotti contemporaneamente, effettua una delle seguenti operazioni:

   • Per selezionare i prodotti uno per uno, seleziona la casella di spunta corrispondente a ogni prodotto.
   • Per selezionare una serie di prodotti, clicca per selezionare un prodotto, quindi tieni premuto il tasto Maiusc e clicca su un altro prodotto. In questo modo verranno selezionati il primo e l'ultimo prodotto su cui hai cliccato e tutti i prodotti intermedi.
   • Per selezionare tutti i prodotti di una pagina, seleziona la casella di spunta nella parte superiore dell'elenco dei prodotti.
   • Per selezionare tutti i prodotti del negozio, seleziona la casella di spunta nella parte superiore dell'elenco dei prodotti, quindi clicca su Seleziona tutti in questo negozio.

3. Fai clic su Modifica in blocco.

4. Nel bulk editor, fai clic sul menu a discesa Colonne, quindi nella sezione Generale seleziona Modello.

5. Fai clic sul primo campo della colonna Modello, quindi tieni premuto il tasto Maiusc e fai clic sull’ultimo campo della colonna Modello. Attorno agli articoli selezionati viene visualizzata un’ombreggiatura blu.

6. Fai clic sul primo campo che hai selezionato, quindi seleziona il modello desiderato dal menu a discesa e fai clic su Salva.

Applicare un nuovo modello alle collezioni in blocco

1. Dal pannello di controllo Shopify, vai a Prodotti > Collezioni.

2. Per modificare più collezioni contemporaneamente, effettua una delle seguenti operazioni:

   • Per selezionare le collezioni una per una, seleziona la casella di spunta corrispondente a ogni collezione.
   • Per selezionare un intervallo di collezioni, fai clic per selezionare una collezione, quindi tieni premuto il tasto Maiusc e fai clic su un'altra collezione. In questo modo verranno selezionate la prima e l'ultima collezione su cui hai cliccato e tutte le collezioni intermedie.
   • Per selezionare tutte le collezioni di una pagina, seleziona la casella di spunta nella parte superiore dell’elenco delle collezioni.
   • Per selezionare tutte le collezioni del negozio, seleziona la casella di spunta nella parte superiore dell’elenco delle collezioni, quindi fai clic su Seleziona tutto in questo negozio.

3. Fai clic su Modifica in blocco.

4. Nel bulk editor, fai clic sul menu a discesa Colonne, quindi nella sezione Generale seleziona Modello.

5. Fai clic sul primo campo della colonna Modello, quindi tieni premuto il tasto Maiusc e fai clic sull’ultimo campo della colonna Modello. Attorno agli articoli selezionati viene visualizzata un’ombreggiatura blu.

6. Fai clic sul primo campo che hai selezionato, quindi seleziona il modello desiderato dal menu a discesa e fai clic su Salva.

Gestione dei modelli

Per rinominare o eliminare un modello, devi utilizzare l'editor del codice. La modifica di un file di modello potrebbe causare problemi con il negozio online.

Quando elimini un modello, tutte le risorse del negozio online a cui era stato assegnato il modello vengono visualizzate con il modello predefinito finché non ne assegni uno diverso.

Rinominare un modello

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

2. Trova il tema con il modello che desideri rinominare, quindi fai clic su … > Modifica codice.

3. Nell’editor del codice, trova la cartella templates.

4. Fai clic con il pulsante destro del mouse sul file di modello che desideri rinominare, quindi seleziona Rinomina... dal menu a discesa.

5. Inserisci un nuovo nome per il file.

6. Premi Invio sulla tastiera.

Eliminare un modello

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

2. Trova il tema da cui desideri eliminare un modello, quindi fai clic su … > Modifica codice.

3. Nell’editor del codice, trova la cartella templates.

4. Fai clic con il pulsante destro del mouse sul file di modello che desideri eliminare, quindi seleziona Elimina definitivamente dal menu a discesa.

5. Fai clic su Elimina.