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.

Tutti i temi di Shopify includono le funzionalità del negozio online dettagliate su questa pagina. Inoltre, i temi a pagamento possono includere anche alcune di queste funzionalità. Per maggiori dettagli, consulta la guida di assistenza per il tuo tema specifico.

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
ImpostazioneDescrizione
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Mostra linea di separazioneMostra una riga per separare visivamente la barra degli annunci dal contenuto della pagina.
Icone dei social mediaMostra le icone dei social media che si collegano ai tuoi account sui social media.
Ruota annunci automaticamenteAttiva per ruotare automaticamente gli annunci.
Cambia slide ogniSeleziona la frequenza di rotazione degli annunci.
Abilita selettore paese/area geograficaAggiungi 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 linguaAggiungi 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
ImpostazioneDescrizione
TestoL'annuncio che desideri mostrare ai clienti.
LinkIl 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
ImpostazioneDescrizione
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.
MenuIl menu da utilizzare come menu principale. Clicca su Cambia per selezionare un menu diverso.
Tipo menu desktopUtilizza 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 separazioneMostra una linea per separare visivamente l'header dal contenuto della pagina.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Abilita selettore paese/area geograficaAggiunge 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 linguaAggiunge 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.
SpaziaturaAggiungi 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 sezioneAggiungi 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
ImpostazioneDescrizione
AppAggiungi 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
ImpostazioneDescrizione
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Mostra iscrizione alla newsletterInclude un modulo di iscrizione alla newsletter in cui i clienti possono iscriversi alla newsletter e al marketing.
TitoloTitolo 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 ShopMostra un pulsante Segui per la tua vetrina virtuale sull'app Shop. Scopri di più su Segui su Shop.
Icone dei social mediaMostra 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 geograficaAggiunge 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 linguaAggiunge 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 pagamentoMostra 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 informativeMostra 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.
SpaziaturaAggiungi 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 sezioneAggiungi 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
ImpostazioneDescrizione
TitoloIl titolo del blocco. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo, oppure per aggiungere un link.
MenuIl 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
ImpostazioneDescrizione
Mostra icone dei social mediaMostra 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
ImpostazioneDescrizione
TitoloIl titolo del blocco. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo, oppure per aggiungere un link.
SottotestoIl testo da visualizzare nel blocco.

Blocco Immagine

Impostazioni del blocco Immagine nella sezione Footer
ImpostazioneDescrizione
ImmagineL'immagine da mostrare nel blocco.
Larghezza immagineImposta 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
ImpostazioneDescrizione
TitoloIl titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
BlogIl blog dal quale vuoi mostrare gli articoli del blog; per impostazione predefinita è il primo blog in ordine alfabetico nella pagina Blog.
Articoli del blogIl numero di articoli del blog che desideri mostrare nella sezione. Massimo: quattro articoli.
Numero di colonne su desktopIl numero di colonne da mostrare sui computer desktop. Minimo: uno, massimo: quattro.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Mostra immagine in evidenzaMostra l'immagine in evidenza dell'articolo del blog. Proporzioni dell'immagine suggerite: 3:2.
Mostra dataMostra la data di creazione dell'articolo del blog.
Mostra autoreMostra l'autore dell'articolo del blog.
Abilita il pulsante "Visualizza tutto" se il blog include più articoli di quelli mostratiSe 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 sezioneAggiungi 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
ImpostazioneDescrizione
TitoloIl titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titoloCambia 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 coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezioneAggiungi 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
ImpostazioneDescrizione
Immagine di copertinaL'immagine che viene visualizzata prima che un cliente riproduca il video. Puoi caricare un'immagine di copertina personalizzata dal pannello di controllo Shopify.
URLIl link YouTube o Vimeo del video. Il video deve essere disponibile pubblicamente e verrà riprodotto in una finestra pop-up.
Testo alternativo del videoIl 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
ImpostazioneDescrizione
ProdottoIl prodotto che desideri mostrare.
Mostra la seconda immagine al passaggio del mouseQuando 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
ImpostazioneDescrizione
CollezioneLa collezione che desideri mostrare.

Blocco Immagine

Impostazioni del blocco Immagine nella sezione Collage
ImpostazioneDescrizione
ImmagineL'immagine della sezione. Clicca su Seleziona immagine per scegliere un'immagine oppure clicca sul pulsante Cambia per modificare o rimuovere l'immagine.
Modifica testo alternativoAggiungi 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
ImpostazioneDescrizione
DidascaliaUna didascalia facoltativa per la sezione del contenuto comprimibile, visualizzata sopra il titolo della sezione.
TitoloIl 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 titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Allineamento titoloScegli 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 comprimibileSelezionando questa impostazione, la prima riga del contenuto comprimibile verrà espansa per impostazione predefinita.
ImmagineL'immagine della sezione. Clicca su Seleziona immagine per scegliere un'immagine oppure clicca sul pulsante Cambia per modificare o rimuovere l'immagine.
Modifica testo alternativoAggiungi 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 immaginiLe proporzioni dell'immagine della sezione:
  • Adatta all'immagine (impostazione predefinita): utilizza le proporzioni delle immagini e impedisce che vengano ritagliate.
  • Piccola
  • Grande
Layout desktopScegli 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 sezioneAggiungi 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
ImpostazioneDescrizione
TitoloIl titolo della riga comprimibile.
IconaScegli 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 rigaIl 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 paginaPuoi 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
ImpostazioneDescrizione
TitoloIl titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Proporzioni delle immaginiLe 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 desktopIl numero di colonne da mostrare sui computer desktop. Minimo: uno, massimo: cinque.
Schema di coloriUna 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 mostrateMostra il pulsante "Visualizza tutto" che porta i clienti all'elenco completo delle collezioni.
Numero di colonne su dispositivo mobileImposta un layout delle colonne specifico per i dispositivi mobili. Scegli tra l'opzione con una o con due colonne.
Abilita scorrimento su dispositivo mobileModifica 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 sezioneAggiungi 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
ImpostazioneDescrizione
TitoloIl titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezioneAggiungi 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
ImpostazioneDescrizione
Liquid personalizzatoAggiungi snippet di app o altro codice Liquid personalizzato per creare personalizzazioni avanzate.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezioneAggiungi 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
ImpostazioneDescrizione
Immagine di sfondoL'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 alternativoClicca 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 immagineOscura 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 sfondoSeleziona 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 desktopImposta 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 desktopPosiziona 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 desktopImposta 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 mobiliImposta 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 mobiliSui 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
ImpostazioneDescrizione
TitoloIl titolo della sezione.
Dimensione del titoloCambia 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
ImpostazioneDescrizione
DescrizioneLa descrizione della sezione.
Stile del testoCambia 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
ImpostazioneDescrizione
Schema di colori Una serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Rendi sezione a larghezza interaRende la sezione dell'intera larghezza della finestra del browser.

Blocco Titolo

Impostazioni del blocco Titolo nella sezione di iscrizione alla newsletter
ImpostazioneDescrizione
TitoloIl titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titoloCambia 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
ImpostazioneDescrizione
DescrizioneLa 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
ImpostazioneDescrizione
TitoloIl 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 titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
DescrizioneInserisci 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 ShopifySpuntando 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 descrizioneUtilizza il menu a discesa per scegliere uno stile per la descrizione della collezione in evidenza. Le opzioni sono corpo (predefinito), sottotitolo o maiuscolo.
CollezioneLa collezione di cui desideri mostrare i prodotti. Clicca su Cambia per rimuovere o cambiare la collezione.
Massimo di prodotti da mostrareIl numero di prodotti della collezione da mostrare. Minimo: 2, massimo: 25.
Numero di colonne su desktopIl numero di colonne da mostrare sui computer desktop. Minimo: uno, massimo: cinque.
Rendi prodotti a larghezza interaCasella 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 mostratiSe 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 desktopCasella di spunta per mostrare i prodotti in un carosello sugli schermi di larghezza superiore a 989 pixel.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Proporzioni delle immaginiLe 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 immagineScegli 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 mouseQuando il cliente sposta il cursore sull'immagine del prodotto, verrà visualizzata la seconda immagine del prodotto, se presente.
Mostra fornitoreMostra i fornitori dei prodotti.
Mostra valutazione del prodottoMostra 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 e le definizioni dei metafield per reviews.rating_count e reviews.rating.
Abilita il pulsante di aggiunta rapidaIl 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 mobileImposta un layout delle colonne specifico per i dispositivi mobili. Scegli tra l'opzione con una o con due colonne.
Abilita scorrimento su dispositivo mobileModifica la visualizzazione sui dispositivi mobili da una colonna a una riga, in cui i clienti possono scorrere lateralmente per visualizzare più prodotti.
Spaziatura sezioneAggiungi 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
ImpostazioneDescrizione
ProdottoIl prodotto che desideri inserire nella sezione.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Mostra sfondo secondarioMostra il prodotto in primo piano sul colore di sfondo secondario.
Larghezza dei contenuti multimediali su desktopSeleziona 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 schermoSelezionando questa opzione si imposta un'altezza massima dei contenuti multimediali basandosi su quella della finestra del browser.
Adattamento dei contenuti multimedialiSeleziona 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 desktopSeleziona 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 variantiSeleziona questa opzione per nascondere i contenuti multimediali delle altre varianti dopo che una variante è stata selezionata.
Abilita la riproduzione in loop dei videoConsente di riprodurre nuovamente il video. I clienti devono cliccare per avviare il replay.
Spaziatura sezioneAggiungi 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
BloccoImpostazioni
TestoInserisci 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.
PrezzoQuesto blocco non ha impostazioni personalizzabili.
Selettore di varianteScegli tra i pulsanti di selezione o un menu a discesa.
Selettore quantitàQuesto blocco non ha impostazioni personalizzabili.
Buy buttonSeleziona la casella Mostra pulsanti di check-out dinamico per mostrare le opzioni di check-out dinamico che hai abilitato nelle impostazioni dei Pagamenti.
CondividiTesto selezionabile che consente ai clienti di condividere il prodotto sui social media.
Valutazione del prodottoMostra 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 e le definizioni dei metafield per reviews.rating_count e reviews.rating.
Liquid personalizzatoAggiungi codice Liquid o HTML personalizzato.
AppAggiungi un'app compatibile con l'Online Store 2.0.
Icona con testoQuesto 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**.
SKUQuesto 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
ImpostazioneDescrizione
Prima immagineL'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 alternativoClicca 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 immagineL'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 immagineAggiunge 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 desktopImposta 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 desktopPosiziona 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 desktopImposta 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 mobiliImposta l'allineamento del testo del banner immagine sui dispositivi mobili. Scegli tra le opzioni Destra, Sinistra o Al centro.
Elenca immagini su dispositivo mobileSe alla sezione vengono aggiunte due immagini, queste vengono visualizzate in colonna anziché affiancate.
Mostra contenitore su dispositivo mobilePosiziona 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
ImpostazioneDescrizione
TitoloTesto 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 titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.

Blocco Testo

Impostazioni del blocco Testo nella sezione Banner immagine
ImpostazioneDescrizione
DescrizioneMostra un testo in stile paragrafo.
Stile del testoCambia 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
ImpostazioneDescrizione
Prima etichetta pulsanteIl testo che viene visualizzato sul primo pulsante.
Primo link pulsanteL'URL a cui desideri collegare il primo pulsante.
Utilizza stile contorno pulsanteModifica lo stile del pulsante in modo che abbia solo un contorno anziché uno sfondo pieno.
Seconda etichetta pulsanteIl testo visualizzato sul secondo pulsante.
Secondo link pulsanteL'URL a cui desideri collegare il secondo pulsante.
Utilizza stile contorno pulsanteModifica 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
ImpostazioneDescrizione
ImmagineClicca su Seleziona immagine per scegliere un'immagine per la sezione. Clicca sul pulsante Cambia per modificare o rimuovere l'immagine.
Modifica testo alternativoClicca 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 immagineScegli l'altezza dell'immagine:
  • Adatta all'immagine (impostazione predefinita)
  • Piccola
  • Medio
  • Grande
Larghezza immagine su desktopLa larghezza dell'immagine:
  • Piccola
  • Media (impostazione predefinita)
  • Grande
Posizionamento immagine su desktopScegli 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 desktopLa posizione verticale del contenuto nel contenitore:
  • In alto (impostazione predefinita)
  • In mezzo
  • In basso
Allineamento contenuto su desktopL'allineamento del testo nel contenitore:
  • Sinistra (predefinito)
  • Al centro
  • A destra
Layout del contenutoConsente 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 coloriUna 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 mobileScegli l'allineamento del contenuto sui dispositivi mobili:
  • Sinistra (predefinito)
  • A destra
  • Al centro
Spaziatura sezioneAggiungi 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
ImpostazioneDescrizione
TitoloIl testo del titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titoloCambia 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
ImpostazioneDescrizione
ContenutoMostra un testo in stile paragrafo nella sezione di testo.
Stile del testoLo stile del testo del contenuto:
  • Corpo (predefinito)
  • Sottotitolo

Blocco Pulsante

Impostazioni del blocco Pulsante nella sezione Immagine con testo
ImpostazioneDescrizione
Etichetta pulsanteIl testo visualizzato sul pulsante.
Link pulsanteL'URL a cui desideri collegare il pulsante.

Blocco Didascalia

Impostazioni del blocco Didascalia nella sezione Immagine con testo
ImpostazioneDescrizione
TestoAggiungi una tagline o una didascalia all'immagine. Il testo verrà visualizzato nella parte inferiore della sezione dell'immagine con testo.
Stile del testoStile del testo del contenuto:
  • Maiuscolo (predefinito)
  • Sottotitolo
Dimensione del testoLa 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
ImpostazioneDescrizione
TitoloIl titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titoloCambia 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 desktopUtilizza 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 secondarioScegli Nessuno per nascondere lo sfondo secondario oppure Mostra come sfondo colonna per modificare i colori del contenitore della colonna.
Etichetta pulsanteIl testo visualizzato sul pulsante.
Link pulsanteL'URL a cui desideri collegare il pulsante.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Numero di colonne su dispositivo mobileImposta un layout delle colonne specifico per i dispositivi mobili. Scegli tra l'opzione con una o con due colonne.
Abilita scorrimento su dispositivo mobileModifica 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 sezioneAggiungi 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
ImpostazioneDescrizione
ImmagineL'immagine che vuoi mostrare.
TitoloIl titolo della colonna. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
DescrizioneIl 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.
LinkURL 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
ImpostazioneDescrizione
Altezza immagineScegli l'altezza dell'immagine:
  • Adatta all'immagine
  • Piccola
  • Media (impostazione predefinita)
  • Grande
Larghezza immagine su desktopLa larghezza dell'immagine:
  • Piccola
  • Media (impostazione predefinita)
  • Grande
Dimensione del titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Stile del testoCambia lo stile del testo. Scegli tra Corpo (predefinito) e Sottotitolo.
Stile pulsanteScegli tra un pulsante in tinta unita e un contorno pulsante.
Posizione contenuto su desktopLa posizione verticale del contenuto nel contenitore:
  • Alto
  • In mezzo (predefinito)
  • In basso
Allineamento contenuto su desktopL'allineamento del testo nel contenitore:
  • Sinistra (predefinito)
  • Al centro
  • A destra
Posizionamento immagine su desktopScegli 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 coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Schema di colori dei contenitoriUna serie di colori che puoi applicare al contenitore. Scopri di più sugli schemi di colori.
Layout dispositivo mobileScegli l'allineamento del contenuto sui dispositivi mobili:
  • Sinistra (predefinito)
  • A destra
  • Al centro
Spaziatura sezioneAggiungi 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
ImpostazioneDescrizione
ImmagineClicca 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 alternativoClicca 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.
DidascaliaAggiungi una tagline o una didascalia all'immagine.
TitoloIl testo del titolo della riga. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
TestoMostra il testo in stile paragrafo nella riga.
Etichetta pulsanteIl testo visualizzato sul pulsante.
Link pulsanteL'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
ImpostazioneDescrizione
PaginaLa pagina del negozio online che desideri mostrare.
Dimensione del titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezioneAggiungi 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
ImpostazioneDescrizione
Posizione contenuto su desktopScegli 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 contenutoQuesta 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 coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Rendi sezione a larghezza interaLe sezioni sono a larghezza intera per impostazione predefinita.
Spaziatura sezioneAggiungi 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 dinamicheUtilizza 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
ImpostazioneDescrizione
TitoloIl 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 titoloCambia 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
ImpostazioneDescrizione
DescrizioneTesto 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
ImpostazioneDescrizione
TestoAggiungi una breve tagline alla sezione Rich text.
Stile del testoUtilizza il menu a discesa per selezionare uno stile di testo tra le opzioni Sottotitolo (impostazione predefinita) e Maiuscolo.
Dimensione del testoUtilizza 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
ImpostazioneDescrizione
Etichetta pulsanteIl testo visualizzato sul pulsante.
Link pulsanteL'URL a cui desideri collegare il pulsante.
Utilizza stile contorno pulsanteModifica 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
ImpostazioneDescrizione
LayoutScegli 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 mobileSeleziona 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
ImpostazioneDescrizione
ImmagineScegli 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.

SottotitoloIl 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 pulsanteInserisci il testo di un pulsante o lascia il campo vuoto per nasconderlo completamente.
Link pulsanteL'URL di destinazione del pulsante. Clicca sul pulsante dell'origine per aggiungere un'origine dinamica come URL.
Utilizza stile contorno pulsanteClicca sulla casella di spunta per attivare o disattivare un pulsante a tinta unita o con contorno.
Posizione contenuto su desktopLa 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 desktopSeleziona la casella per mostrare la casella del contenuto.
Allineamento contenuto su desktopAllinea il testo nel contenitore. Scegli tra le opzioni A sinistra, Al centro (impostazione predefinita) o A destra.
Opacità della sovrapposizione immagineUtilizza il cursore per regolare l'opacità della sovrapposizione immagine.
Schema di coloriUna 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 mobileScegli 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
ImpostazioneDescrizione
TitoloIl titolo della sezione. Utilizza i pulsanti per formattare il testo in grassetto o in corsivo oppure per aggiungere un link.
Dimensione del titoloCambia la dimensione del testo del titolo. Scegli tra le opzioni piccola, media e grande.
Riproduci il video in loopUna volta selezionato, il video ricomincia dopo la fine.
VideoAggiungi 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.
URLIl 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 copertinaL'immagine che viene visualizzata prima che un cliente riproduca il video.
Testo alternativo del videoIl 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 interaRimuove la spaziatura predefinita e rende la sezione dell'intera larghezza della pagina.
Schema di coloriUna serie di colori che puoi applicare a questa sezione. Scopri di più sugli schemi di colori.
Spaziatura sezioneAggiungi 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.
Non trovi le risposte che stai cercando? Siamo qui per aiutarti.