Funzionalità del negozio online

Puoi aggiungere funzionalità a qualsiasi pagina del negozio online utilizzando le sezioni. Puoi scegliere, aggiungere e configurare le sezioni con immagini, testo, colori del brand e altro ancora.

Alcune pagine avranno sezioni predefinite, come la barra degli annunci, l'header e il footer. Queste sezioni vengono visualizzate in ogni pagina.

Barra degli annunci

La barra degli annunci ti consente di comunicare ai clienti informazioni importanti da qualsiasi pagina e di personalizzare fino a 12 diversi blocchi degli annunci. Puoi anche aggiungere un selettore di lingua, un selettore di paese o di area geografica e le icone dei social media alla barra degli annunci.

Se sono presenti più annunci, puoi scegliere se ruotare automaticamente gli annunci o consentire ai clienti di scorrere manualmente gli annunci utilizzando i pulsanti con le parentesi ad angolo.

Impostazioni di sezione

Impostazioni della sezione della barra degli annunci
Impostazione Descrizione
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Mostra linea di separazione Mostra una riga per separare visivamente la barra degli annunci dal contenuto della pagina.
Icone dei social media Mostra le icone dei social media che si collegano ai tuoi account sui social media.
Ruota annunci automaticamente Attiva per ruotare automaticamente gli annunci.
Cambia slide ogni Seleziona la frequenza di rotazione degli annunci.
Abilita selettore paese/area geografica Aggiungi un selettore grazie al quale i clienti possono scegliere i paesi e le aree geografiche che attivi nelle impostazioni di pagamento, in modo da poter visualizzare i prezzi dei prodotti nella valuta che preferiscono.
Abilita selettore lingua Aggiungi un selettore grazie al quale i clienti possono scegliere i paesi e le aree geografiche che attivi nelle impostazioni di lingua, in modo da poter navigare sul tuo negozio nella lingua che preferiscono.

Blocco Annuncio

Puoi aggiungere un testo e un link a un blocco di annunci per renderlo selezionabile e portare i clienti a una pagina specifica.

Impostazioni del blocco degli annunci nella sezione Barra degli annunci
Impostazione Descrizione
Testo L'annuncio che desideri mostrare ai clienti.
Link Il link a cui vuoi reindirizzare i clienti quando cliccano sulla barra degli annunci.

L'header viene visualizzato su tutte le pagine del negozio online.

Impostazioni di sezione

Impostazioni della sezione Header
Impostazione Descrizione
Posizione logo su desktop

Il punto dell'header in cui il logo viene mostrato quando un cliente visualizza il sito su uno schermo grande. La posizione del logo è ottimizzata automaticamente per i dispositivi mobili.

  • In mezzo a sinistra: mostra il logo in linea con il menu principale, centrato verticalmente e allineato a sinistra.
  • In alto a sinistra: mostra il logo sopra il menu principale e allinea il logo e le voci di menu a sinistra.
  • In alto al centro (impostazione predefinita): mostra il logo sopra il menu principale e allinea il logo e le voci di menu al centro.
Menu Il menu da utilizzare come menu principale. Clicca su Cambia per selezionare un menu diverso.
Tipo menu desktop Utilizza il menu a discesa per scegliere un tipo di menu desktop:
  • Menu a discesa: mostra il contenuto del menu di secondo livello, con il terzo livello compresso fino a quando non viene cliccata la voce di secondo livello corrispondente. Il tipo menu è automaticamente ottimizzato per dispositivi mobili.
  • Mega menu: mostra tutti i contenuti di secondo e terzo livello del menu al primo clic. Il tipo menu è automaticamente ottimizzato per dispositivi mobili.
  • Finestra: mostra il menu a finestra tramite l'icona di menu hamburger, che, quando cliccato, mostra tutte le voci di menu di livello uno, che possono essere cliccate per aprire altri elementi di navigazione (livello due e tre).
Header fisso

Scegli se usare un header fisso e come visualizzarlo.

  • Nessuno: l'header non si muove mentre il cliente scorre la pagina.
  • Durante lo scorrimento verso l'alto: l'header viene visualizzato quando il cliente scorre verso l'alto la pagina.
  • Sempre: l'header viene sempre visualizzato quando il cliente scorre verso l'alto o il basso la pagina.
  • Sempre, riduci dimensioni logo: l'header viene sempre visualizzato quando il cliente scorre verso l'alto o il basso la pagina, ma la dimensione del logo viene ridotta del 25%.
Mostra linea di separazione Mostra una linea per separare visivamente l'header dal contenuto della pagina.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Abilita selettore paese/area geografica Aggiunge un selettore grazie al quale i clienti possono scegliere i paesi e le aree geografiche che hai abilitato nelle impostazioni di pagamento, in modo da poter visualizzare i prezzi dei prodotti nella valuta che preferiscono.
Abilita selettore lingua Aggiunge un selettore grazie al quale i clienti possono scegliere i paesi e le aree geografiche che hai abilitato nelle impostazioni di lingua, in modo da poter navigare sul tuo negozio nella lingua che preferiscono.
Posizione del logo mobile

Scegli dove visualizzare il logo sui dispositivi mobili.

  • Al centro: il logo viene visualizzato al centro dell'header.
  • A sinistra: il logo viene visualizzato a sinistra dell'header.
Spaziatura Aggiungi spaziatura sotto l'header. Utilizza il dispositivo di scorrimento intervallo per aggiungere al margine inferiore uno spazio compreso tra 0 px e 100 px.
Spaziatura sezione Aggiungi spazio alla parte superiore o inferiore dell'header. Utilizza il dispositivo di scorrimento intervallo per aggiungere alla parte superiore o inferiore dell'header uno spazio compreso tra 0 px e 100 px.

Blocco Header

Puoi aggiungere i seguenti blocchi nella sezione Header.

Impostazioni del blocco app nella sezione Header
Impostazione Descrizione
App Aggiungi un'app compatibile con l'Online Store 2.0. Aggiungi fino a tre app. Saranno posizionate a sinistra dell'icona del carrello e avranno una dimensione massima di 44 x 44 px.

Il footer viene visualizzato su tutte le pagine del tema.

Impostazioni di sezione

Impostazioni della sezione Footer
Impostazione Descrizione
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Mostra iscrizione alla newsletter Include un modulo di iscrizione alla newsletter in cui i clienti possono iscriversi alla newsletter e al marketing.
Titolo Titolo del modulo Mostra iscrizione alla newsletter. Se l'opzione Mostra iscrizione alla newsletter non è abilitata, non verrà mostrato. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo, oppure per aggiungere un link.
Segui su Shop Mostra un pulsante Segui per la tua vetrina virtuale sull'app Shop. Scopri di più su Segui su Shop.
Icone dei social media Mostra le icone di tutte le piattaforme di social media per cui hai inserito il link al tuo profilo nelle impostazioni del tema.
Abilita selettore paese/area geografica Aggiunge un selettore grazie al quale i clienti possono scegliere i paesi e le aree geografiche che hai abilitato nelle impostazioni di pagamento, in modo da poter visualizzare i prezzi dei prodotti nella valuta che preferiscono.
Abilita selettore lingua Aggiunge un selettore grazie al quale i clienti possono scegliere i paesi e le aree geografiche che hai abilitato nelle impostazioni di lingua, in modo da poter navigare sul tuo negozio nella lingua che preferiscono.
Mostra le icone di pagamento Mostra le icone dei metodi di pagamento attivi nel tuo negozio. Le icone potrebbero non essere disponibili per un metodo di pagamento quando un'icona non è stata registrata dal gestore dei pagamenti. Quando un cliente visita il tuo negozio, queste icone vengono filtrate in modo che siano visualizzati solo i metodi di pagamento supportati nell'area geografica e nella valuta del cliente attuale.
Mostra link alle informative Mostra le icone dei link alle informative accanto alle informazioni sul copyright. I link alle informative vengono generati dal tuo pannello di controllo Shopify, alla voce Impostazioni > Informative. Scopri di più sull'aggiunta delle informative del negozio.
Spaziatura Aggiungi spazio sopra il footer. Utilizza il dispositivo di scorrimento intervallo per aggiungere al margine superiore uno spazio compreso tra 0 px e 100 px.
Spaziatura sezione Aggiungi spazio alla parte superiore o inferiore del footer. Utilizza il dispositivo di scorrimento intervallo per aggiungere alla parte superiore o inferiore del footer uno spazio compreso tra 0 px e 100 px.

Blocco Menu

Impostazioni del blocco Menu nella sezione Footer
Impostazione Descrizione
Titolo Il titolo del blocco. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo, oppure per aggiungere un link.
Menu Il menu da visualizzare nel blocco. Nel footer vengono visualizzate solo le voci di menu di primo livello, pertanto i tipi di menu a discesa non verranno visualizzati come previsto.

Blocco Informazioni sul brand

Le informazioni sul brand sono gestite nelle impostazioni del tema. Scopri di più sulle informazioni sul brand.

Le impostazioni del blocco Informazioni sul brand nella sezione footer
Impostazione Descrizione
Mostra icone dei social media Mostra le icone di tutte le piattaforme di social media per cui hai inserito il link al tuo profilo nelle impostazioni del tema.

Blocco Testo

Il blocco Testo può essere utilizzato per mettere in evidenza informazioni importanti, come dettagli del negozio, promozioni o informazioni di contatto.

Impostazioni del blocco Testo nella sezione Footer
Impostazione Descrizione
Titolo Il titolo del blocco. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo, oppure per aggiungere un link.
Sottotesto Il testo da visualizzare nel blocco.

Blocco Immagine

Impostazioni del blocco Immagine nella sezione Footer
Impostazione Descrizione
Immagine L'immagine da mostrare nel blocco.
Larghezza immagine Imposta la larghezza dell'immagine. Può essere un multiplo qualsiasi di 5, da 50 px a 200 px. Il valore predefinito è 100 px.
Image alignment on large screen (Allineamento immagine su schermo grande)

Allinea l'immagine all'interno del blocco:

  • A sinistra: allinea l'immagine a sinistra del blocco.
  • Al centro (predefinito): allinea l'immagine al centro del blocco.
  • A destra: allinea l'immagine a destra del blocco.

Articoli del blog

Se hai un blog nel tuo negozio Shopify, puoi utilizzare una sezione Articolo del blog per mettere in evidenza gli articoli al suo interno. Per ogni articolo nella sezione Articolo del blog vengono mostrate le prime 55 parole di un brano scelto dell'articolo. Se, invece, l'articolo del blog non contiene un brano scelto, al suo posto verranno visualizzate le 30 parole iniziali.

Impostazioni di sezione

Impostazioni della sezione Articoli del blog
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Blog Il blog dal quale vuoi mostrare gli articoli del blog; per impostazione predefinita è il primo blog in ordine alfabetico nella pagina Blog.
Articoli del blog Il numero di articoli del blog che desideri mostrare nella sezione. Massimo: quattro articoli.
Numero di colonne su desktop Il numero di colonne da mostrare sui computer desktop. Minimo: uno, massimo: quattro.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Mostra immagine in evidenza Mostra l'immagine in evidenza dell'articolo del blog. Proporzioni dell'immagine suggerite: 3:2.
Mostra data Mostra la data di creazione dell'articolo del blog.
Mostra autore Mostra l'autore dell'articolo del blog.
Abilita il pulsante "Visualizza tutto" se il blog include più articoli di quelli mostrati Se il blog ha più articoli di quelli impostati nel campo Articoli del blog, verrà mostrato il pulsante "Visualizza tutto" che porta i clienti alla pagina del blog.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Articolo del blog. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Articolo del blog.

Selezione di un blog

  1. Nell'editor del tema clicca sul titolo della sezione Articoli del blog.
  2. Nella sezione Blog clicca su Cambia.
  3. Seleziona il blog.
  4. Clicca su Seleziona, quindi su Salva.

Collage

Puoi creare un collage di immagini, prodotti, collezioni e video. Ogni sezione Collage contiene tre blocchi. Per impostazione predefinita, la sezione contiene un blocco immagine, prodotto e collezione. Rimuovendo uno dei blocchi, puoi aggiungere un blocco video.

Per creare un collage di più di tre blocchi, aggiungi altre sezioni di collage sotto la prima e non includere un valore Titolo nelle sezioni inferiori del collage. Le sezioni del collage verranno mostrate insieme come una singola sezione.

Le proporzioni consigliate per tutte le immagini in questa sezione sono 2:3 o 1:1.

Impostazioni di sezione

Impostazioni della sezione Collage
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Layout desktop

Il modo in cui i contenuti multimediali collage vengono visualizzati sul desktop.

  • Blocco grande sinistro (predefinito): il primo blocco della sezione viene visualizzato a sinistra e più grande di qualsiasi altro blocco.
  • Blocco grande destro: l'ultimo blocco nella sezione viene mostrato a destra e più grande degli altri blocchi.
Layout dispositivo mobile

Il modo in cui i blocchi vengono visualizzati sui dispositivi mobili.

Collage: mostra le immagini in un layout a collage:
  • Se l'opzione Blocco grande sinistro è attivata in Layout desktop, il primo blocco nella sezione viene visualizzato in alto e più grande di ogni altro blocco.
  • Se l'opzione Blocco grande sinistro è attivata in Layout desktop, il primo blocco nella sezione viene visualizzato in alto e più grande di ogni altro blocco.
Colonna: mostra tutti i contenuti multimediali con le stesse dimensioni e in colonna.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Collage. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione.

Blocco Video

Impostazioni del blocco Video nella sezione Collage
Impostazione Descrizione
Immagine di copertina L'immagine che viene visualizzata prima che un cliente riproduca il video. Puoi caricare un'immagine di copertina personalizzata dal pannello di controllo Shopify.
URL Il link YouTube o Vimeo del video. Il video deve essere disponibile pubblicamente e verrà riprodotto in una finestra pop-up.
Testo alternativo del video Il testo alternativo del video. Descrive il contesto e lo scopo del video per i clienti che utilizzano i lettori di schermo.

Blocco Prodotto

Impostazioni del blocco Prodotto nella sezione Collage
Impostazione Descrizione
Prodotto Il prodotto che desideri mostrare.
Mostra la seconda immagine al passaggio del mouse Quando il cliente sposta il cursore sull'immagine del prodotto, verrà visualizzata la seconda immagine del prodotto, se presente.

Blocco Collezione

Impostazioni del blocco Collezione nella sezione Collage
Impostazione Descrizione
Collezione La collezione che desideri mostrare.

Blocco Immagine

Impostazioni del blocco Immagine nella sezione Collage
Impostazione Descrizione
Immagine L'immagine della sezione. Clicca su Seleziona immagine per scegliere un'immagine oppure clicca sul pulsante Cambia per modificare o rimuovere l'immagine.
Modifica testo alternativo Aggiungi una breve descrizione dell'immagine per migliorare la SEO e offrire ai clienti che utilizzano i lettori di schermo una descrizione dell'immagine.

Contenuto comprimibile

La sezione del contenuto comprimibile supporta righe che possono essere compresse o espanse per visualizzarne il contenuto e un'immagine che può essere posizionata a sinistra o a destra del contenuto comprimibile.

Impostazioni di sezione

Impostazioni della sezione Contenuto comprimibile
Impostazione Descrizione
Didascalia Una didascalia facoltativa per la sezione del contenuto comprimibile, visualizzata sopra il titolo della sezione.
Titolo Il titolo della sezione del contenuto comprimibile. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo, oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Allineamento titolo Scegli l'allineamento del titolo della sezione. Le opzioni sono Sinistra, Al centro (predefinita) o Destra.
Layout

Seleziona un layout per il contenuto comprimibile:

  • Nessun contenitore (impostazione predefinita)
  • Contenitore riga: ogni riga comprimibile è contenuta in un riquadro ombreggiato
  • Contenitore sezione: contiene l'intera sezione del contenuto comprimibile in un riquadro ombreggiato
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Schema di colori dei contenitori Una serie di colori che puoi applicare al contenitore. Scopri di più sugli schemi di colori. Lo schema di colori selezionato viene visualizzato solo quando l'opzione Layout è impostata su Contenitore riga o su Contenitore sezione.
Apri prima riga comprimibile Selezionando questa impostazione, la prima riga del contenuto comprimibile verrà espansa per impostazione predefinita.
Immagine L'immagine della sezione. Clicca su Seleziona immagine per scegliere un'immagine oppure clicca sul pulsante Cambia per modificare o rimuovere l'immagine.
Modifica testo alternativo Aggiungi una breve descrizione dell'immagine per migliorare la SEO e offrire ai clienti che utilizzano i lettori di schermo una descrizione dell'immagine.
Proporzioni delle immagini Le proporzioni dell'immagine della sezione:
  • Adatta all'immagine (impostazione predefinita): utilizza le proporzioni delle immagini e impedisce che vengano ritagliate.
  • Piccola
  • Grande
Layout desktop Scegli se visualizzare prima l'immagine o le righe comprimibili. L'impostazione predefinita mostra prima il testo, mentre sui dispositivi mobili l'immagine viene sempre visualizzata per prima.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore del contenuto comprimibile. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Contenuto comprimibile.

Blocco Riga comprimibile

Impostazioni del blocco Riga comprimibile
Impostazione Descrizione
Titolo Il titolo della riga comprimibile.
Icona Scegli dall'elenco a discesa un'icona da mostrare davanti al titolo del contenuto comprimibile. L'icona del segno di spunta è selezionata per impostazione predefinita.
Contenuto riga Il contenuto della riga comprimibile, che può essere formattato o includere link URL. La funzionalità può essere utilizzata insieme all'impostazione Contenuto riga dalla pagina.
Contenuto riga dalla pagina Puoi inserire il contenuto esistente di un'altra pagina in una riga comprimibile. Clicca su Cambia per selezionare o rimuovere una pagina. La funzionalità può essere utilizzata insieme all'impostazione Contenuto riga.

Elenco delle collezioni

Puoi aggiungere un elenco di collezioni che desideri mettere in evidenza. Puoi aggiungere fino a 16 blocchi di collezione a un elenco delle collezioni.

Impostazioni di sezione

Impostazioni della sezione Elenco delle collezioni
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Proporzioni delle immagini Le proporzioni delle immagini in evidenza delle collezioni:
  • Adatta all'immagine: utilizza le proporzioni delle immagini e impedisce che vengano ritagliate.
  • Ritratto: ritaglia le immagini utilizzando una proporzione 2:3.
  • Quadrate (predefinito): ritaglia le immagini in modo che utilizzino una proporzione 1:1.
Numero di colonne su desktop Il numero di colonne da mostrare sui computer desktop. Minimo: uno, massimo: cinque.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Abilita il pulsante "Visualizza tutto" se l'elenco include più collezioni di quelle mostrate Mostra il pulsante "Visualizza tutto" che porta i clienti all'elenco completo delle collezioni.
Numero di colonne su dispositivo mobile Imposta un layout delle colonne specifico per i dispositivi mobili. Scegli tra l'opzione con una o con due colonne.
Abilita scorrimento su dispositivo mobile Modifica la visualizzazione sui dispositivi mobili da una colonna a una riga su cui i clienti possono scorrere lateralmente per visualizzare più blocchi di collezione.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore dell'elenco delle collezioni. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Collezione.

Scelta delle collezioni

  1. Dall'editor del tema, clicca sul blocco Collezione a cui desideri aggiungere una collezione.
  2. Clicca su Seleziona collezione.
  3. Clicca su una collezione, quindi clicca su Seleziona.

Modulo di contatto

I moduli di contatto inviati vengono inoltrati all'indirizzo email del mittente del negozio. Puoi modificare l'indirizzo email del mittente nella pagina delle impostazioni Notifiche del pannello di controllo Shopify.

Il modulo ha i seguenti campi:

  • Nome
  • Email (obbligatoria)
  • Numero di telefono
  • Commento

Impostazioni di sezione

Impostazioni della sezione Modulo di contatto
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore del modulo di contatto. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Modulo di contatto.

Liquid personalizzato

Puoi aggiungere il tuo codice Liquid per creare una sezione personalizzata.

  • Aggiungi gli snippet di app forniti nelle istruzioni dalle app scaricate per inserirle nelle pagine.
  • Aggiungi codice Liquid personalizzato direttamente nell'editor.

Impostazioni di sezione

Impostazioni della sezione Liquid personalizzato
Impostazione Descrizione
Liquid personalizzato Aggiungi snippet di app o altro codice Liquid personalizzato per creare personalizzazioni avanzate.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Liquid personalizzato. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Liquid personalizzato.

Banner di iscrizione alla newsletter

Puoi aggiungere alla pagina protetta da password una sezione in cui i clienti possono inserire il proprio indirizzo email per essere informati sul momento dell'apertura del tuo negozio. Per ogni iscrizione email verrà creato un account cliente.

La sezione contiene tre blocchi predefiniti:

  • Titolo
  • Sottotitolo
  • Modulo email

Impostazioni di sezione

Impostazioni della sezione del banner di iscrizione alla newsletter
Impostazione Descrizione
Immagine di sfondo L'immagine di sfondo del banner di iscrizione alla newsletter. Clicca su Cambia per sostituire o rimuovere l'immagine. Quando l'immagine viene rimossa, viene visualizzata l'immagine predefinita del tema; puoi nasconderla deselezionando la casella di spunta Mostra immagine di sfondo.
Modifica testo alternativo Clicca per impostare il testo alternativo dell'immagine per l'ottimizzazione per i motori di ricerca (SEO) e offrire ai clienti che utilizzano i lettori di schermo una descrizione dell'immagine.
Opacità della sovrapposizione immagine Oscura l'immagine del banner di iscrizione alla newsletter con una sovrapposizione. Utilizza il cursore per impostare l'opacità della sovrapposizione: il valore predefinito è 0%.
Mostra immagine di sfondo Seleziona questa casella per mostrare l'immagine di sfondo sul banner di iscrizione alla newsletter.
Altezza banner

Imposta l'altezza dell'immagine del banner di iscrizione alla newsletter utilizzando il menu a discesa. Scegli tra le opzioni Adatta all'immagine, Piccola, Media (predefinita) o Grande.

Posizione contenuto su desktop Imposta la posizione del banner di iscrizione alla newsletter per i computer desktop. Scegli tra le opzioni In alto, In mezzo o In basso e A destra, A sinistra o Al centro. L'opzione predefinita è In mezzo al centro.


Sui desktop la casella di testo copre parzialmente l'immagine, mentre sui dispositivi mobili viene visualizzata sotto l'immagine.

Mostra contenitore sul desktop Posiziona il testo dell'immagine del banner di iscrizione alla newsletter in una casella di testo posta sopra all'immagine per i clienti che effettuano acquisti da un computer desktop.
Allineamento contenuto su desktop Imposta l'allineamento del testo del banner immagine sui computer desktop. Scegli tra le opzioni A destra, A sinistra o Al centro (impostazione predefinita).
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.


Su desktop lo schema di colori selezionato viene mostrato solo selezionando l'opzione Mostra contenitore sul desktop, mentre sui dispositivi mobili viene mostrato solo selezionando l'opzione Mostra contenuto sotto le immagini sui dispositivi mobili.

Allineamento contenuto su dispositivi mobili Imposta l'allineamento del testo del banner immagine sui dispositivi mobili. Scegli tra le opzioni A destra, A sinistra o Al centro (impostazione predefinita).
Mostra contenuto sotto le immagini sui dispositivi mobili Sui dispositivi mobili il contenuto verrà visualizzato sotto l'immagine del banner di iscrizione alla newsletter.

Blocco Titolo

Impostazioni del blocco Titolo nella sezione di iscrizione alla newsletter
Impostazione Descrizione
Titolo Il titolo della sezione.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.

Blocco Sottotitolo

Impostazioni del blocco Sottotitolo nella sezione di scrizione alla newsletter
Impostazione Descrizione
Descrizione La descrizione della sezione.
Stile del testo Cambia lo stile del testo nella sezione di iscrizione alla newsletter. Scegli tra le opzioni Corpo (impostazione predefinita) e Sottotitolo.

Iscrizione alla newsletter

Puoi aggiungere una sezione in cui i clienti possono inserire il proprio indirizzo email e iscriversi alla newsletter o al marketing. Quando un cliente si iscrive, nel pannello di controllo Shopify viene creato un account cliente.

La sezione contiene tre blocchi predefiniti:

  • Titolo
  • Sottotitolo
  • Modulo email

Impostazioni di sezione

Impostazioni della sezione Iscrizione alla newsletter
Impostazione Descrizione
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Rendi sezione a larghezza intera Rende la sezione dell'intera larghezza della finestra del browser.

Blocco Titolo

Impostazioni del blocco Titolo nella sezione di iscrizione alla newsletter
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.

Blocco Sottotitolo

Impostazioni del blocco Sottotitolo nella sezione Elenco delle collezioni
Impostazione Descrizione
Descrizione La descrizione della sezione.

Modulo email

Il blocco Modulo email mostra un campo in cui un cliente può inserire un indirizzo email per iscriversi e acconsentire a ricevere materiali di marketing. Il blocco non ha impostazioni personalizzabili.

Puoi aggiungere una sezione che mostra i prodotti in una collezione.

Impostazioni di sezione

Impostazioni della sezione Collezione in evidenza
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo, oppure per aggiungere un link. Clicca sul pulsante fonte dinamica per inserire una fonte dinamica come titolo della sezione.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Descrizione Inserisci un testo descrittivo per la collezione in evidenza. Puoi formattare il testo in grassetto, in corsivo o per includervi un link. Clicca sul pulsante dell'origine dinamica per inserire un'origine dinamica per la descrizione della collezione in evidenza.
Mostra descrizione collezione dal pannello di controllo Shopify Spuntando questa casella, verrà utilizzata la descrizione della collezione che hai aggiunto nel pannello di controllo Shopify, al posto del testo inserito nel campo Descrizione indicato sopra.
Stile descrizione Utilizza il menu a discesa per scegliere uno stile per la descrizione della collezione in evidenza. Le opzioni sono corpo (predefinito), sottotitolo o maiuscolo.
Collezione La collezione di cui desideri mostrare i prodotti. Clicca su Cambia per rimuovere o cambiare la collezione.
Massimo di prodotti da mostrare Il numero di prodotti della collezione da mostrare. Minimo: 2, massimo: 25.
Numero di colonne su desktop Il numero di colonne da mostrare sui computer desktop. Minimo: uno, massimo: cinque.
Rendi prodotti a larghezza intera Casella di spunta per mostrare i prodotti nell'intera larghezza della finestra, indipendentemente dall'impostazione della larghezza della pagina.
Abilita il pulsante "Visualizza tutto" se la collezione include più prodotti di quelli mostrati Se la collezione ha più prodotti rispetto a quelli impostati nel campo Massimo di prodotti da mostrare, verrà visualizzato il pulsante "Visualizza tutto" che porta i clienti alla pagina delle collezioni.
Stile "Visualizza tutto" Scegli tra un link, un pulsante in tinta unita e un contorno pulsante.
Consenti carosello su desktop Casella di spunta per mostrare i prodotti in un carosello sugli schermi di larghezza superiore a 989 pixel.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Proporzioni delle immagini Le proporzioni delle immagini del prodotto:
  • Adatta all'immagine (impostazione predefinita): utilizza le proporzioni delle immagini e impedisce che vengano ritagliate.
  • Ritratto: ritaglia le immagini utilizzando una proporzione 2:3.
  • Quadrate: ritaglia le immagini utilizzando una proporzione 1:1.
Forma immagine Scegli una delle seguenti forme immagine per le immagini dei prodotti:
  • Predefinita: modifica l'immagine del prodotto in una forma rettangolare.
  • Arco: curva la parte superiore dell'immagine del prodotto.
  • Goccia: arrotonda l'immagine del prodotto in una delle sei forme casuali a goccia che mostrano un'animazione specifica al passaggio del mouse.
  • Parentesi ad angolo a sinistra: modifica l'immagine del prodotto in una forma a parentesi ad angolo con una curva netta verso sinistra.
  • Parentesi ad angolo a destra: modifica l'immagine del prodotto in una forma a parentesi ad angolo con una curva netta verso destra.
  • Diamante: modifica l'immagine del prodotto in una forma a diamante a quattro lati.
  • Parallelogramma: modifica l'immagine del prodotto in una forma con due coppie di linee parallele.
  • Cerchio: arrotonda l'immagine del prodotto in un cerchio o in una forma ovale con un'animazione specifica al passaggio del mouse.
Mostra la seconda immagine al passaggio del mouse Quando il cliente sposta il cursore sull'immagine del prodotto, verrà visualizzata la seconda immagine del prodotto, se presente.
Mostra fornitore Mostra i fornitori dei prodotti.
Mostra valutazione del prodotto Mostra la valutazione media del prodotto in stelle con il numero di recensioni tra parentesi, ad esempio: ★★★★★ (8). Richiede inoltre un'app per le recensioni dei prodotti come Product Reviews di Shopify e le definizioni dei metafield per reviews.rating_count e reviews.rating.
Abilita il pulsante di aggiunta rapida Il pulsante di aggiunta rapida consente ai clienti di aggiungere un articolo al carrello dalla scheda prodotto. Se il prodotto dispone di varianti, sul pulsante sarà visualizzato il messaggio "Scegli opzioni" e verranno mostrati i dettagli di prodotto in un pop-up, nel quale il cliente potrà selezionare le varianti desiderate, aggiungere l'articolo al carrello, eseguire immediatamente il check-out tramite il pulsante "Acquista ora" o cliccare per visualizzare i dettagli completi dell'articolo. Tieni presente che questa impostazione dipende dall'attivazione del pulsante "Acquista ora" nella pagina del prodotto. Se il pulsante "Acquista ora" non è attivo nel modello del prodotto, i clienti hanno la possibilità di aggiungere il prodotto al carrello, ma la procedura di check-out veloce "Acquista ora" non sarà visibile.
Numero di colonne su dispositivo mobile Imposta un layout delle colonne specifico per i dispositivi mobili. Scegli tra l'opzione con una o con due colonne.
Abilita scorrimento su dispositivo mobile Modifica la visualizzazione sui dispositivi mobili da una colonna a una riga, in cui i clienti possono scorrere lateralmente per visualizzare più prodotti.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Collezione in evidenza. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Collezione in evidenza.

Puoi aggiungere una sezione che metta in evidenza un prodotto specifico.

Impostazioni di sezione

Impostazioni della sezione Prodotto in primo piano
Impostazione Descrizione
Prodotto Il prodotto che desideri inserire nella sezione.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Mostra sfondo secondario Mostra il prodotto in primo piano sul colore di sfondo secondario.
Larghezza dei contenuti multimediali su desktop Seleziona le dimensioni dei contenuti multimediali tra piccole, medie o grandi. L'immagine viene automaticamente ottimizzata per i dispositivi mobili.
Adatta i contenuti multimediali all'altezza dello schermo Selezionando questa opzione si imposta un'altezza massima dei contenuti multimediali basandosi su quella della finestra del browser.
Adattamento dei contenuti multimediali Seleziona Originale per mantenere le proporzioni originali del contenuto multimediale, oppure Riempimento per adattare il contenuto multimediale al dispositivo in cui viene riprodotto.
Posizione contenuti multimediali su desktop Seleziona se desideri visualizzare i contenuti multimediali del prodotto in primo piano sul lato sinistro o destro. Si applica solo agli utenti che accedono alla pagina da un computer desktop.
Zoom immagine

Scegli il modo in cui l'immagine si ingrandisce sul computer:

  • Apri la lightbox: apre l'immagine grande. Impostazione predefinita per dispositivi mobili.
  • Nessuno zoom: disattiva lo zoom sulle immagini. Impostazione consigliata per le immagini non ad alta risoluzione.
  • Clicca e fai scorrere il mouse: clicca per ingrandire l'immagine, quindi fai scorrere il mouse per visualizzare le diverse sezioni ingrandite con lo zoom. Lo zoom al passaggio del mouse è disabilitato quando si clicca di nuovo sulle immagini ingrandite o quando il mouse lascia il contenitore dell'immagine. Quando è attiva questa impostazione e l'utente sta utilizzando un dispositivo mobile, per impostazione predefinita l'immagine si aprirà in una finestra modale (lightbox).
Nascondi i contenuti multimediali delle altre varianti Seleziona questa opzione per nascondere i contenuti multimediali delle altre varianti dopo che una variante è stata selezionata.
Abilita la riproduzione in loop dei video Consente di riprodurre nuovamente il video. I clienti devono cliccare per avviare il replay.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Prodotto in primo piano. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione.

Puoi aggiungere i seguenti blocchi nella sezione Prodotto in primo piano.

Blocchi disponibili nella sezione Prodotto in primo piano
Blocco Impostazioni
Testo Inserisci il testo del prodotto in primo piano:
  • Testo: accetta un testo oppure un'origine dinamica.
  • Stile del testo: scegli tra Corpo, Sottotitolo o Maiuscolo.
Titolo Dimensione titolo: scegli tra le opzioni Piccola, Media o Grande.
Prezzo Questo blocco non ha impostazioni personalizzabili.
Selettore di variante Scegli tra i pulsanti di selezione o un menu a discesa.
Selettore quantità Questo blocco non ha impostazioni personalizzabili.
Buy button Seleziona la casella Mostra pulsanti di check-out dinamico per mostrare le opzioni di check-out dinamico che hai abilitato nelle impostazioni dei Pagamenti.
Condividi Testo selezionabile che consente ai clienti di condividere il prodotto sui social media.
Valutazione del prodotto Mostra la valutazione media del prodotto in stelle con il numero di recensioni tra parentesi, ad esempio: ★★★★★ (8). Richiede inoltre un'app per le recensioni dei prodotti come Product Reviews di Shopify e le definizioni dei metafield per reviews.rating_count e reviews.rating.
Liquid personalizzato Aggiungi codice Liquid o HTML personalizzato.
App Aggiungi un'app compatibile con l'Online Store 2.0.
Icona con testo Questo blocco mostra fino a tre icone che puoi selezionare da un elenco di icone preinstallate o da un'immagine che hai caricato. Se scegli di caricare un'immagine, l'immagine caricata sostituisce qualsiasi icona selezionata dal menu a discesa. Puoi selezionare il layout verticale o orizzontale per le icone. Per eliminare un'icona, cancella il campo del titolo. Per visualizzare più di tre icone, aggiungi un altro blocco **Icona con testo**.
SKU Questo blocco mostra la SKU (Stock Keeping Unit) associata a un prodotto quando alla variante è associata una SKU. Scopri di più sull'[aggiunta di numeri SKU alle varianti di prodotto dal pannello di controllo](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/show-sku#add-sku-numbers-to-your-product-variants-from-the-admin-sectioned%20themes-specific).

Banner immagine

La sezione Banner immagine supporta una o due immagini e una casella di testo con pulsanti. Se vengono utilizzate due immagini, queste vengono mostrate affiancate sul desktop, mentre puoi scegliere se mostrarle affiancate o in colonna sui dispositivi mobili.

Sui desktop la casella di testo copre parzialmente l'immagine, mentre sui dispositivi mobili viene visualizzata sotto l'immagine. Puoi modificare l'allineamento del testo scegliendo tra le opzioni A destra, A sinistra o Al centro sia per i desktop che per i dispositivi mobili.

Impostazioni di sezione

Impostazioni della sezione Banner immagine
Impostazione Descrizione
Prima immagine L'immagine principale del banner. Se alla sezione vengono aggiunte due immagini, questa immagine viene visualizzata a sinistra o in alto, a seconda che il cliente stia utilizzando un desktop o un dispositivo mobile.
Modifica testo alternativo Clicca per impostare il testo alternativo dell'immagine per l'ottimizzazione per i motori di ricerca (SEO) e offrire ai clienti che utilizzano i lettori di schermo una descrizione dell'immagine.
Seconda immagine L'immagine secondaria del banner. Se alla sezione vengono aggiunte due immagini, questa immagine viene visualizzata a destra o in basso, a seconda che il cliente stia utilizzando un desktop o un dispositivo mobile.
Opacità della sovrapposizione immagine Aggiunge una sovrapposizione alle immagini del banner. Utilizza il cursore per impostare l'opacità della sovrapposizione: il valore predefinito è 0%.
Altezza banner

Imposta l'altezza delle immagini del banner utilizzando il menu a discesa.

  • Adatta alla prima immagine: imposta l'altezza della sezione in base all'altezza della prima immagine.
  • Piccola - desktop: 420 px, dispositivo mobile: 280 px
  • Media (predefinito) - desktop: 560 px, dispositivo mobile: 340 px
  • Grande - desktop: 720 px, dispositivo mobile: 390 px
Posizione contenuto su desktop Imposta la posizione del banner immagine su desktop. Scegli tra le opzioni In alto, In mezzo o In basso e A destra, A sinistra o Al centro.
Mostra contenitore sul desktop Posiziona il testo dell'immagine del banner in una casella di testo posta sopra all'immagine banner per i clienti che effettuano acquisti da un computer desktop.
Allineamento contenuto su desktop Imposta l'allineamento del testo del banner immagine sui computer desktop. Scegli tra le opzioni A destra, A sinistra o Al centro.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori. Lo schema di colori selezionato viene visualizzato solo quando è selezionata l'opzione Mostra casella di testo sul desktop.
Animazioni

Seleziona un'animazione per l'immagine:

  • Assente (predefinito)
  • Scorrimento lento: sposta lentamente la posizione dell'immagine all'interno del relativo contenitore.
  • Posizione dello sfondo fissa: quando un cliente scorre la pagina, gli elementi in primo piano, come il testo e i pulsanti, scorrono alla stessa velocità, mentre lo sfondo rimane fisso.
  • Zoom avanti con lo scorrimento: quando un cliente scorre la pagina, gli elementi in primo piano, come il testo e i pulsanti, scorrono alla stessa velocità, mentre lo sfondo rimane fisso e l'immagine si ingrandisce.
Allineamento contenuto su dispositivi mobili Imposta l'allineamento del testo del banner immagine sui dispositivi mobili. Scegli tra le opzioni Destra, Sinistra o Al centro.
Elenca immagini su dispositivo mobile Se alla sezione vengono aggiunte due immagini, queste vengono visualizzate in colonna anziché affiancate.
Mostra contenitore su dispositivo mobile Posiziona il testo dell'immagine del banner in una casella di testo posta sopra all'immagine banner per i clienti che effettuano acquisti da un dispositivo mobile.

Blocco Titolo

Impostazioni del blocco Titolo nella sezione Banner immagine
Impostazione Descrizione
Titolo Testo di grandi dimensioni per il titolo della casella di testo. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo, oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.

Blocco Testo

Impostazioni del blocco Testo nella sezione Banner immagine
Impostazione Descrizione
Descrizione Mostra un testo in stile paragrafo.
Stile del testo Cambia lo stile del testo nel banner dell'immagine. Scegli tra le opzioni Corpo, Sottotitolo e Maiuscolo.

Blocco Pulsante

Impostazioni del blocco Pulsante nella sezione Banner immagine
Impostazione Descrizione
Prima etichetta pulsante Il testo che viene visualizzato sul primo pulsante.
Primo link pulsante L'URL a cui desideri collegare il primo pulsante.
Utilizza stile contorno pulsante Modifica lo stile del pulsante in modo che abbia solo un contorno anziché uno sfondo pieno.
Seconda etichetta pulsante Il testo visualizzato sul secondo pulsante.
Secondo link pulsante L'URL a cui desideri collegare il secondo pulsante.
Utilizza stile contorno pulsante Modifica lo stile del pulsante in modo che abbia solo un contorno anziché uno sfondo pieno.

Immagine con testo

Puoi aggiungere una sezione contenente un'immagine e un blocco di testo con un pulsante facoltativo per indirizzare i clienti a una nuova pagina. Associa il testo a un'immagine per mettere in evidenza il prodotto, la collezione o l'articolo del blog scelto. Aggiungi dettagli sulla disponibilità o sullo stile oppure fornisci anche una recensione.

Impostazioni di sezione

Impostazioni della sezione Immagine con testo
Impostazione Descrizione
Immagine Clicca su Seleziona immagine per scegliere un'immagine per la sezione. Clicca sul pulsante Cambia per modificare o rimuovere l'immagine.
Modifica testo alternativo Clicca per impostare il testo alternativo dell'immagine per l'ottimizzazione per i motori di ricerca (SEO) e offrire ai clienti che utilizzano i lettori di schermo una descrizione dell'immagine.
Altezza immagine Scegli l'altezza dell'immagine:
  • Adatta all'immagine (impostazione predefinita)
  • Piccola
  • Medio
  • Grande
Larghezza immagine su desktop La larghezza dell'immagine:
  • Piccola
  • Media (impostazione predefinita)
  • Grande
Posizionamento immagine su desktop Scegli se visualizzare prima l'immagine o il testo. L'impostazione predefinita per i layout per dispositivi mobili mostra prima l'immagine:
  • Prima l'immagine (impostazione predefinita per dispositivi mobili)
  • L'immagine dopo
Posizione contenuto su desktop La posizione verticale del contenuto nel contenitore:
  • In alto (impostazione predefinita)
  • In mezzo
  • In basso
Allineamento contenuto su desktop L'allineamento del testo nel contenitore:
  • Sinistra (predefinito)
  • Al centro
  • A destra
Layout del contenuto Consente la sovrapposizione tra immagine e caselle di testo. Selezionando l'opzione Non sovrapporre, il contenuto si regolerà in modo da adattarsi al testo e all'immagine.
  • Sovrapponi
  • Non sovrapporre (impostazione predefinita)
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Animazioni

Seleziona un'animazione per l'immagine:

  • Assente (predefinito)
  • Scorrimento lento: sposta lentamente la posizione dell'immagine all'interno del relativo contenitore.
  • Zoom avanti con lo scorrimento: quando un cliente scorre la pagina, gli elementi in primo piano, come il testo e i pulsanti, scorrono alla stessa velocità, mentre lo sfondo rimane fisso e l'immagine si ingrandisce.
Layout dispositivo mobile Scegli l'allineamento del contenuto sui dispositivi mobili:
  • Sinistra (predefinito)
  • A destra
  • Al centro
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Immagine con testo. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Immagine con testo.

Blocco Titolo

Impostazioni del blocco Titolo nella sezione Immagine con testo
Impostazione Descrizione
Titolo Il testo del titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.

Blocco Testo

Impostazioni del blocco Testo nella sezione Immagine con testo
Impostazione Descrizione
Contenuto Mostra un testo in stile paragrafo nella sezione di testo.
Stile del testo Lo stile del testo del contenuto:
  • Corpo (predefinito)
  • Sottotitolo

Blocco Pulsante

Impostazioni del blocco Pulsante nella sezione Immagine con testo
Impostazione Descrizione
Etichetta pulsante Il testo visualizzato sul pulsante.
Link pulsante L'URL a cui desideri collegare il pulsante.

Blocco Didascalia

Impostazioni del blocco Didascalia nella sezione Immagine con testo
Impostazione Descrizione
Testo Aggiungi una tagline o una didascalia all'immagine. Il testo verrà visualizzato nella parte inferiore della sezione dell'immagine con testo.
Stile del testo Stile del testo del contenuto:
  • Maiuscolo (predefinito)
  • Sottotitolo
Dimensione del testo La dimensione del testo del contenuto:
  • Piccola
  • Media (impostazione predefinita)
  • Grande

Multicolonna

Puoi utilizzare la sezione multicolonna per mostrare il contenuto in un layout a colonne e aggiungervi sotto un pulsante che indirizzi il cliente a una nuova pagina. Associa il testo a un'immagine per mettere in evidenza il prodotto, la collezione o l'articolo del blog che hai scelto. Aggiungi dettagli sulla disponibilità, sullo stile o fornisci una recensione.

Impostazioni di sezione

Impostazioni della sezione Multicolonna
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Larghezza immagine

La larghezza delle immagini aggiunte alle colonne.

  • Intera larghezza della colonna (impostazione predefinita): la larghezza dell'immagine corrisponde alla dimensione intera della colonna.
  • Metà della larghezza della colonna: la larghezza dell'immagine corrisponde a metà della dimensione della colonna.
  • Un terzo della larghezza della colonna: la larghezza dell'immagine corrisponde a un terzo della dimensione della colonna.
Proporzioni delle immagini

Le proporzioni dell'immagine:

  • Adatta all'immagine (impostazione predefinita): utilizza le proporzioni dell'immagine e impedisce che venga ritagliata.
  • Ritratto: ritaglia l'immagine utilizzando una proporzione 2:3.
  • Quadrate: ritaglia l'immagine utilizzando una proporzione 1:1.
  • Tonde: ritaglia l'immagine perché venga visualizzata a forma di cerchio.
Numero di colonne su desktop Utilizza la scala dell'intervallo per selezionare il numero delle colonne visualizzate sui computer desktop. Minimo: uno, massimo: sei.
Allineamento colonna

L'allineamento delle immagini e del testo all'interno delle colonne:

  • A sinistra (predefinito): allinea le immagini e il testo a sinistra.
  • Al centro: allinea le immagini e il testo al centro.
Sfondo secondario Scegli Nessuno per nascondere lo sfondo secondario oppure Mostra come sfondo colonna per modificare i colori del contenitore della colonna.
Etichetta pulsante Il testo visualizzato sul pulsante.
Link pulsante L'URL a cui desideri collegare il pulsante.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Numero di colonne su dispositivo mobile Imposta un layout delle colonne specifico per i dispositivi mobili. Scegli tra l'opzione con una o con due colonne.
Abilita scorrimento su dispositivo mobile Modifica la visualizzazione sui dispositivi mobili da una colonna a una riga su cui i clienti possono scorrere lateralmente per visualizzare più blocchi di collezione.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Multicolonna. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Multicolonna.

Blocco Colonna

Puoi avere un massimo di 12 colonne in una sezione. Sui desktop, se hai uno, due o tre blocchi di colonne, questi verranno mostrati su una sola riga; se invece hai quattro o più blocchi di colonne, verranno mostrati con un layout di due righe. Sui dispositivi mobili i blocchi di colonna vengono mostrati in un'unica colonna, a meno che non sia abilitata l'opzione Abilita scorrimento su dispositivo mobile.

Impostazioni del blocco Colonna nella sezione Multicolonna
Impostazione Descrizione
Immagine L'immagine che vuoi mostrare.
Titolo Il titolo della colonna. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Descrizione Il testo di paragrafo nella colonna.
Etichetta link [facoltativo] Il testo di un link aggiunto sotto il blocco Colonna. Se non hai aggiunto un link, lascia il campo vuoto.
Link URL del link. Lascia il campo vuoto se non è presente un link.

Riga multipla

Puoi aggiungere una sezione contenente più righe ciascuna con un'immagine, un testo e un pulsante facoltativo. Associa il testo a un'immagine per mettere in evidenza il prodotto, la collezione o l'articolo del blog che hai scelto. Aggiungi dettagli sulla disponibilità, lo stile o fornisci anche una recensione.

Puoi anche mostrare il contenuto dei metaobject tramite fonti dinamiche. Per visualizzare le voci dei metaobject, devi creare un metaobject, creare voci e verificare che il metaobject abbia accesso alla vetrina virtuale prima di poterli utilizzare nelle sezioni Riga multipla.

Impostazioni di sezione

Impostazioni della sezione Riga multipla
Impostazione Descrizione
Altezza immagine Scegli l'altezza dell'immagine:
  • Adatta all'immagine
  • Piccola
  • Media (impostazione predefinita)
  • Grande
Larghezza immagine su desktop La larghezza dell'immagine:
  • Piccola
  • Media (impostazione predefinita)
  • Grande
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Stile del testo Cambia lo stile del testo. Scegli tra Corpo (predefinito) e Sottotitolo.
Stile pulsante Scegli tra un pulsante in tinta unita e un contorno pulsante.
Posizione contenuto su desktop La posizione verticale del contenuto nel contenitore:
  • Alto
  • In mezzo (predefinito)
  • In basso
Allineamento contenuto su desktop L'allineamento del testo nel contenitore:
  • Sinistra (predefinito)
  • Al centro
  • A destra
Posizionamento immagine su desktop Scegli la posizione delle immagini. Il posizionamento viene automaticamente ottimizzato per i dispositivi mobili:
  • Alterna da sinistra (predefinito)
  • Alterna da destra
  • Allineata a sinistra
  • Allineata a destra
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Schema di colori dei contenitori Una serie di colori che puoi applicare al contenitore. Scopri di più sugli schemi di colori.
Layout dispositivo mobile Scegli l'allineamento del contenuto sui dispositivi mobili:
  • Sinistra (predefinito)
  • A destra
  • Al centro
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Riga multipla. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Immagine con testo.

Blocco Riga

Le impostazioni dei blocchi Riga nella sezione Riga multipla
Impostazione Descrizione
Immagine Clicca su Seleziona immagine per scegliere un'immagine per la riga. Clicca sul pulsante Cambia per modificare o rimuovere l'immagine. Clicca sul pulsante fonte per eseguire il collegamento a fonti dinamiche.
Modifica testo alternativo Clicca per impostare il testo alternativo dell'immagine per l'ottimizzazione per i motori di ricerca (SEO) e offrire ai clienti che utilizzano i lettori di schermo una descrizione dell'immagine.
Didascalia Aggiungi una tagline o una didascalia all'immagine.
Titolo Il testo del titolo della riga. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Testo Mostra il testo in stile paragrafo nella riga.
Etichetta pulsante Il testo visualizzato sul pulsante.
Link pulsante L'URL a cui desideri collegare il pulsante.

Pagina

Puoi scegliere di mostrare il contenuto di una pagina personalizzata in una sezione. L'azione porta l'intero contenuto della pagina nella sezione, ma non riporta alcun codice Liquid da nessun modello.

Impostazioni di sezione

Impostazioni della sezione Pagina
Impostazione Descrizione
Pagina La pagina del negozio online che desideri mostrare.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Pagina. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Pagina.

Rich text

Puoi aggiungere una sezione Rich text con un titolo, una didascalia, un testo e un pulsante per indirizzare i clienti a una nuova pagina.

Impostazioni di sezione

Impostazioni della sezione Rich text
Impostazione Descrizione
Posizione contenuto su desktop Scegli la posizione del contenitore del Rich text. Utilizza il menu a discesa per selezionare l'opzione A sinistra, Al centro (impostazione predefinita) o A destra. Il contenuto è ottimizzato automaticamente per i dispositivi mobili.
Allineamento contenuto Questa impostazione influisce sull'allineamento del testo di tutti i blocchi all'interno della sezione Rich text. Utilizza il menu a discesa per selezionare l'opzione A sinistra, Al centro (impostazione predefinita) o A destra.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Rendi sezione a larghezza intera Le sezioni sono a larghezza intera per impostazione predefinita.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore della sezione Rich text. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Rich text.
Collegamento a origini dinamiche Utilizza le fonti dinamiche nella sezione rich text per fare riferimento a informazioni come metafield o metaobject. Puoi anche utilizzare i riferimenti agli elenchi per creare elenchi di testo nel tuo tema. Ad esempio, un elenco di metafield (anche se disponibile su un metaobject a cui si fa riferimento) può essere utilizzato per creare un elenco di testo all'interno dell'impostazione rich text nel tema.

Blocco Titolo

Puoi avere fino a tre blocchi Titolo nella sezione Rich text.

Impostazioni del blocco Titolo nella sezione Rich text
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo o aggiungere un link. Clicca sul pulsante dell'origine per collegare delle origini dinamiche.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni Piccolo, Medio, Grande e Extra large.

Blocco Testo

Il blocco Testo è un ottimo modo per condividere informazioni sul tuo brand con i clienti. Puoi descrivere i vantaggi dei tuoi prodotti, creare annunci, dare il benvenuto ai clienti nel tuo negozio o parlare dei valori del tuo brand.

Puoi avere fino a tre blocchi di testo nella sezione Rich text.

Impostazioni del blocco Testo nella sezione Rich text
Impostazione Descrizione
Descrizione Testo in stile paragrafo per il contenuto principale della sezione. Clicca sul pulsante dell'origine per collegare delle origini dinamiche.

Blocco Didascalia

Puoi avere fino a tre blocchi Didascalia nella sezione Rich text.

Impostazioni del blocco Testo nella sezione Rich text
Impostazione Descrizione
Testo Aggiungi una breve tagline alla sezione Rich text.
Stile del testo Utilizza il menu a discesa per selezionare uno stile di testo tra le opzioni Sottotitolo (impostazione predefinita) e Maiuscolo.
Dimensione del testo Utilizza il menu a discesa per impostare la dimensione del testo della didascalia. Scegli tra le opzioni Piccola, Media (predefinita) e Grande.

Blocco Pulsante

Puoi avere fino a due blocchi Pulsante nella sezione Rich text.

Impostazioni del blocco Pulsante nella sezione Rich text
Impostazione Descrizione
Etichetta pulsante Il testo visualizzato sul pulsante.
Link pulsante L'URL a cui desideri collegare il pulsante.
Utilizza stile contorno pulsante Modifica lo stile del pulsante in modo che abbia solo un contorno anziché uno sfondo pieno.

Presentazione

Puoi aggiungere una sezione Presentazione per mostrare un carosello con un massimo di cinque immagini in una pagina del tuo negozio.

Impostazioni di sezione

Impostazioni della sezione Presentazione
Impostazione Descrizione
Layout Scegli tra le opzioni Intera larghezza (predefinita) o Griglia. L'opzione Intera larghezza mostra la presentazione adattandola alla larghezza intera della sezione, mentre l'opzione Griglia mostra la presentazione con una spaziatura su entrambi i lati.
Altezza slide

L'altezza della presentazione:

  • Adatta alla prima immagine: tutte le immagini avranno la stessa altezza della prima immagine del carosello.
  • Piccola
  • Media (impostazione predefinita)
  • Grande
Stile impaginazione

Lo stile della navigazione della presentazione visualizzata sotto le immagini.

  • Punti
  • Contatore (predefinito)
  • Numeri
Ruota slide automaticamente

Seleziona questa casella per ruotare automaticamente le immagini nella presentazione. Se la casella non è selezionata, la presentazione mostrerà un'immagine statica finché il cliente non la farà progredire manualmente.

Change slides timer (Cambia timer slide) Utilizza la barra per impostare il periodo di rotazione automatica della presentazione. Minimo: 3 secondi, massimo: 9 secondi.
Animazioni

Seleziona un'animazione per l'immagine:

  • Assente (predefinito)
  • Scorrimento lento: sposta lentamente la posizione dell'immagine all'interno del relativo contenitore
Layout dispositivo mobile Seleziona la casella per mostrare il contenuto sotto le immagini sui dispositivi mobili.
Accessibilità Aggiungi una descrizione della presentazione per i clienti ipovedenti.

Impostazioni slide immagine

Impostazioni delle immagini della sezione Presentazione
Impostazione Descrizione
Immagine Scegli un'immagine statica o dinamica per la presentazione. Clicca su Seleziona immagine per visualizzare la libreria dei contenuti multimediali oppure clicca sul pulsante dell'origine per collegare un'origine dinamica. Dopo aver selezionato un'immagine, cliccando sul pulsante Cambia puoi rimuoverla, modificarla o eliminarla.
Modifica testo alternativo

Descrivi l'immagine della presentazione e fornisci un contesto ai clienti che utilizzano i lettori di schermo.

Titolo

Il testo del titolo facoltativo per l'immagine. Il testo viene aggiunto singolarmente a ogni immagine. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.

Dimensione del titolo

Scegli tra le opzioni per il titolo Piccolo, Medio (predefinito) o Grande.

Sottotitolo Il testo del sottotitolo facoltativo per l'immagine. Il testo viene aggiunto singolarmente a ogni immagine. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Etichetta pulsante Inserisci il testo di un pulsante o lascia il campo vuoto per nasconderlo completamente.
Link pulsante L'URL di destinazione del pulsante. Clicca sul pulsante dell'origine per aggiungere un'origine dinamica come URL.
Utilizza stile contorno pulsante Clicca sulla casella di spunta per attivare o disattivare un pulsante a tinta unita o con contorno.
Posizione contenuto su desktop La posizione della casella del contenuto sull'immagine. Scegli tra le opzioni In alto, In mezzo o In basso e Sinistra, Al centro o Destra. L'impostazione predefinita è In mezzo al centro.
Mostra contenitore sul desktop Seleziona la casella per mostrare la casella del contenuto.
Allineamento contenuto su desktop Allinea il testo nel contenitore. Scegli tra le opzioni A sinistra, Al centro (impostazione predefinita) o A destra.
Opacità della sovrapposizione immagine Utilizza il cursore per regolare l'opacità della sovrapposizione immagine.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori. Per poter influire sull'immagine della presentazione, l'impostazione richiede che il contenitore sia visualizzato.
Layout dispositivo mobile Scegli come mostrare il contenuto su un dispositivo mobile. Scegli tra le opzioni Sinistra, Al centro (predefinita) o Destra.

Video

Puoi aggiungere una sezione video per incorporare un video da YouTube o da Vimeo su una pagina del tuo negozio.

Impostazioni di sezione

Impostazioni della sezione Video
Impostazione Descrizione
Titolo Il titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titolo Cambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Riproduci il video in loop Una volta selezionato, il video ricomincia dopo la fine.
Video Aggiungi o seleziona il tuo video alla sezione. Puoi modificare il video per utilizzare un'immagine di copertina personalizzata e aggiungere un testo alternativo. Se viene aggiunto un video ospitato da Shopify, verrà utilizzato su un video con URL dalla seguente impostazione.
URL Il link YouTube o Vimeo del video. Il video deve essere disponibile pubblicamente e verrà mostrato solo se nell'impostazione sopra riportata non è stato aggiunto alcun video ospitato da Shopify.
Immagine di copertina L'immagine che viene visualizzata prima che un cliente riproduca il video.
Testo alternativo del video Il testo alternativo del video. Descrive il contesto e lo scopo del video per i clienti che utilizzano i lettori di schermo.
Rendi sezione a larghezza intera Rimuove la spaziatura predefinita e rende la sezione dell'intera larghezza della pagina.
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezione Aggiungi spaziatura nella parte superiore o inferiore del video. Utilizza il dispositivo di scorrimento intervallo per aggiungere uno spazio compreso tra 0 px e 100 px sopra o sotto la sezione Video.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis