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.
Su questa pagina
- Barra degli annunci
- Header
- Footer
- Articoli del blog
- Collage
- Contenuto comprimibile
- Elenco delle collezioni
- Modulo di contatto
- Liquid personalizzato
- Banner di iscrizione alla newsletter
- Iscrizione alla newsletter
- Collezione in evidenza
- Prodotto in primo piano
- Banner immagine
- Immagine con testo
- Multicolonna
- Riga multipla
- Pagina
- Rich text
- Presentazione
- Video
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
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.
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. |
Header
L'header viene visualizzato su tutte le pagine del negozio online.
Impostazioni di sezione
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.
|
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:
|
Header fisso |
Scegli se usare un header fisso e come visualizzarlo.
|
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.
|
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.
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. |
Footer
Il footer viene visualizzato su tutte le pagine del tema.
Impostazioni di sezione
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
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.
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.
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
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:
|
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
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
- Nell'editor del tema clicca sul titolo della sezione Articoli del blog.
- Nella sezione Blog clicca su Cambia.
- Seleziona il blog.
- 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
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.
|
Layout dispositivo mobile |
Il modo in cui i blocchi vengono visualizzati sui dispositivi mobili. Collage: mostra le immagini in un layout a collage:
|
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
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
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
Impostazione | Descrizione |
---|---|
Collezione | La collezione che desideri mostrare. |
Blocco Immagine
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
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:
|
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:
|
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
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
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:
|
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
- Dall'editor del tema, clicca sul blocco Collezione a cui desideri aggiungere una collezione.
- Clicca su Seleziona collezione.
- 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
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
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
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.
|
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.
|
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
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
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
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
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
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.
Collezione in evidenza
Puoi aggiungere una sezione che mostra i prodotti in una collezione.
Impostazioni di sezione
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:
|
Forma immagine | Scegli una delle seguenti forme immagine per le immagini dei prodotti:
|
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 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. |
Prodotto in primo piano
Puoi aggiungere una sezione che metta in evidenza un prodotto specifico.
Impostazioni di sezione
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:
|
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. |
Blocchi di sezione
Puoi aggiungere i seguenti blocchi nella sezione Prodotto in primo piano.
Blocco | Impostazioni |
---|---|
Testo | Inserisci il testo del prodotto in primo piano:
|
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 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
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.
|
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:
|
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
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
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
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
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:
|
Larghezza immagine su desktop | La larghezza dell'immagine:
|
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:
|
Posizione contenuto su desktop | La posizione verticale del contenuto nel contenitore:
|
Allineamento contenuto su desktop | L'allineamento del testo nel contenitore:
|
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.
|
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:
|
Layout dispositivo mobile | Scegli l'allineamento del contenuto sui dispositivi mobili:
|
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
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
Impostazione | Descrizione |
---|---|
Contenuto | Mostra un testo in stile paragrafo nella sezione di testo. |
Stile del testo | Lo stile del testo del contenuto:
|
Blocco Pulsante
Impostazione | Descrizione |
---|---|
Etichetta pulsante | Il testo visualizzato sul pulsante. |
Link pulsante | L'URL a cui desideri collegare il pulsante. |
Blocco Didascalia
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:
|
Dimensione del testo | La dimensione del testo del contenuto:
|
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
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.
|
Proporzioni delle immagini |
Le proporzioni dell'immagine:
|
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:
|
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.
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
Impostazione | Descrizione |
---|---|
Altezza immagine | Scegli l'altezza dell'immagine:
|
Larghezza immagine su desktop | La larghezza dell'immagine:
|
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:
|
Allineamento contenuto su desktop | L'allineamento del testo nel contenitore:
|
Posizionamento immagine su desktop | Scegli la posizione delle immagini. Il posizionamento viene automaticamente ottimizzato per i dispositivi mobili:
|
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:
|
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
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
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
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.
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.
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.
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.
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
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:
|
Stile impaginazione |
Lo stile della navigazione della presentazione visualizzata sotto le immagini.
|
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:
|
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
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
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. |