Concept ti consente di aggiungere sezioni e blocchi rilevanti a qualsiasi pagina.
In Concept, le sezioni sono generalmente divise in quattro gruppi principali: Intestazione , Overlay , Modello e Piè di pagina . Ognuno di essi contiene più sezioni. È possibile aggiungere una sezione con blocchi.
Questo articolo fornisce una panoramica di tutte le sezioni e i blocchi.
Su questa pagina
Un gruppo di sezioni in una pagina Web è una raccolta di sezioni raggruppate insieme per uno scopo specifico. Spesso ci sono 4 gruppi di sezioni principali: gruppo di intestazioni , gruppo di sovrapposizioni , gruppo di modelli e gruppo di piè di pagina .
A. Gruppo di intestazioni
- Barra degli annunci (sezione statica)
- Intestazione (sezione statica)
- Sezioni disponibili (Sezioni dinamiche)
B. Gruppo di sovrapposizione
- Cassetto del carrello (sezione statica)
- Cassetto di ricerca (sezione statica)
- Blocco dei cookie (sezione statica)
- Popup newsletter (sezione statica)
C.Gruppo modelli
Questo gruppo consente di creare sezioni dinamiche con maggiore flessibilità.
- I post del blog
- Collage
- Post del blog in formato collage
- Elenco delle raccolte
- Modulo di Contatto
- Contatto con la mappa
- Conto alla rovescia
- Liquido personalizzato
- Registrazione tramite e-mail
- Spazio vuoto
- FAQ
- Collezione in primo piano
- Prodotto presentato
- Confronto di immagini
- Immagine con testo
- Immagini con testo
- Immagine con sovrapposizione di testo
- Immagini con testo sovrapposto
- Elenco dei loghi
- Guardare un libro
- Carta geografica
- Multicolonna
- Multicolonna con icona
- Molteplici collezioni in primo piano
- Portafoglio
- Visualizzato recentemente
- Testo ricco
- Testo scorrevole
- Acquista il look
- Presentazioni
- Testimonianze
- Striscione con testimonianze
- Sequenza temporale
- video
- Eroe del video
- Video con sovrapposizione di testo
D. Gruppo piè di pagina
A.Gruppi di sezione
"I gruppi di sezioni consentono agli sviluppatori di temi di creare conglomerati dinamici di sezioni in un layout di tema. In altre parole, ti consentono di raggruppare insieme determinate sezioni nel tuo tema. Ciò a sua volta consente ai commercianti di aggiungere, rimuovere e riordinare le sezioni direttamente nel tema redattore." Per saperne di più
1. Gruppo di intestazioni
La sezione nella parte superiore della pagina che in genere contiene il logo del sito Web, il menu di navigazione e altre informazioni importanti.
1.1.Barra degli annunci
La barra degli annunci ti consente di comunicare informazioni importanti ai tuoi clienti da qualsiasi pagina. È possibile personalizzare fino a 3 diversi blocchi di annunci da visualizzare. Puoi aggiungere un collegamento a una barra degli annunci per renderla cliccabile e indirizzare i clienti a una pagina specifica.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Barra degli annunci | ||
Mostra le icone dei social media | Visualizza le icone dei social media che hai configurato nelle impostazioni del tema . | |
Abilita il selettore della lingua | Aggiunge un selettore in cui un cliente può scegliere i paesi e le regioni che hai abilitato nelle impostazioni della lingua , in modo che i clienti possano navigare nel tuo negozio nella lingua che preferiscono. | |
Abilita il selettore del paese/regione | Aggiunge un selettore in cui un cliente può scegliere i paesi e le regioni che hai abilitato nelle impostazioni di pagamento , in modo che i clienti possano visualizzare i prezzi dei prodotti nella valuta di loro scelta. | |
Inverti icone e selettori | Attivando questa opzione si scambieranno le posizioni delle icone e dei selettori nel browser. Quando l'opzione è selezionata, le icone saranno sulla destra e i selettori saranno sulla sinistra. Quando l'opzione non è selezionata, le icone e i selettori saranno nelle loro posizioni originali. | |
Annuncio | ||
Posizione dell'annuncio sul desktop | La posizione dell'annuncio sul desktop può essere impostata a sinistra, al centro o a destra. Questa posizione verrà automaticamente ottimizzata per i dispositivi mobili. | |
Annunci a rotazione automatica | Imposta il carosello per la riproduzione automatica. Ciò aggiunge anche un pulsante di attivazione/disattivazione della riproduzione. | |
Cambia gli annunci ogni secondo | Il tempo di visualizzazione dei tuoi annunci può essere impostato da 3 secondi a 10 secondi, a seconda delle tue preferenze. | |
Mostra la navigazione | Visualizza i pulsanti di navigazione. | |
Colori | ||
Testo | Il colore del testo dell'annuncio. | |
Sfondo | Il colore dello sfondo della barra degli annunci. | |
Gradiente di sfondo | Il gradiente dello sfondo della barra degli annunci. | |
Evidenziare | Il colore dell'evidenziazione. | |
Evidenzia gradiente | Il gradiente dell'evidenziazione. | |
Sezioni | ||
Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. | |
Rendi la sezione arrotondata | Rende la sezione l'elemento circolare della finestra del browser. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
In questa sezione sono disponibili solo i blocchi di annunci .
L'impostazione per il blocco Annunci.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Annuncio | ||
Icona | Seleziona il tipo di icona dal lungo elenco. | |
Testo | L'annuncio che desideri mostrare ai tuoi clienti sul desktop. | |
Collegamento | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sulla barra degli annunci. | |
Disposizione mobile | ||
Nascondi l'icona sul cellulare | Abilita per nascondere l'icona sul cellulare | |
SMS sul cellulare | L'annuncio che vuoi mostrare ai tuoi clienti sul cellulare. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano . | Questa impostazione fornisce cinque metodi per disegnare a mano il testo evidenziato scarabocchiando:
|
1.2.Intestazione
L'intestazione viene visualizzata su tutte le pagine del tema.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Logo | Il logo del tuo negozio sul browser desktop. Il logo viene modificato solo nelle impostazioni del tema . | |
Menù | Il tuo menù principale. | |
Menù attivo | L'indicatore visivo di una voce di menu al passaggio del mouse può essere impostato su Punto o Blocca . | |
Disposizione dell'intestazione | Personalizza il layout del tuo logo e del tuo menu nell'elenco delle opzioni: | |
Abilita il menu a discesa al passaggio del mouse |
| |
Intestazione appiccicosa | Sono disponibili tre opzioni per l'intestazione fissa:
| |
Disposizione mobile | ||
Logo | Il logo visualizzato sul cellulare. Il logo viene modificato solo nelle impostazioni del tema . | |
Posizione del logo mobile | La posizione del logo sul cellulare: a sinistra o al centro . | |
Mostra le icone dei social media | Visualizza le icone dei social media che hai configurato nelle impostazioni del tema . | |
Abilita il selettore della lingua | Aggiunge un selettore in cui un cliente può scegliere i paesi e le regioni che hai abilitato nelle impostazioni della lingua , in modo che i clienti possano navigare nel tuo negozio nella lingua che preferiscono. | |
Abilita il selettore del paese/regione | Aggiunge un selettore in cui un cliente può scegliere i paesi e le regioni che hai abilitato nelle impostazioni di pagamento , in modo che i clienti possano visualizzare i prezzi dei prodotti nella valuta di loro scelta. | |
Intestazione trasparente | Colore del testo | Cambia il colore del testo sull'intestazione trasparente. |
Colori | ||
Testo | Cambia il colore del testo dell'intestazione. Questa impostazione non viene applicata all'intestazione trasparente. | |
Sfondo | Cambia il colore dello sfondo dell'intestazione. Questa impostazione non viene applicata all'intestazione trasparente. | |
Sezione | ||
Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0px a 120px, aumentando aritmeticamente di 4px. | |
Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. | |
Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. | |
Rendi la sezione arrotondata | Rende la sezione il punto di svolta del browser. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione permette l'aggiunta del menù Mega .
Le impostazioni per il menu Mega.
Impostazioni del menu mega | Impostazioni | Descrizione |
---|---|---|
Menù mega | ||
Elemento del menu | Il nome della voce di menu a cui desideri aggiungere un megamenu. | |
Mostra le immagini del mega menu | Abilita la visualizzazione delle immagini dei mega menu. | |
Etichetta del pulsante Lascia l'etichetta vuota per nascondere il pulsante. | Il testo del pulsante | |
Collegamento pulsante | L'URL del pulsante. | |
Promozione | ||
Immagine | L'immagine che desideri visualizzare | |
Rapporto immagine | Le proporzioni delle immagini per le immagini dei post del blog:
| |
Intestazione | Il titolo della promozione. | |
Sottotesto | Testo della descrizione della promozione. | |
Sovrapponi il testo all'immagine | Attiva l'opzione Sovrapponi testo sull'immagine . Se questa opzione è disattivata, il testo verrà visualizzato sotto l'immagine. | |
Collegamento | L'URL a cui desideri collegarti. | |
Etichetta | Una piccola porzione di testo visualizzata sulla pagina di un prodotto per fornire informazioni aggiuntive sul prodotto. | |
Colore del testo | Il colore del testo. | |
Colore del testo sovrapposto | Il colore di sovrapposizione del testo. L'opacità della sovrapposizione del testo può essere impostata da 0 a 100%. |
1.3.Sezioni disponibili
È possibile aggiungere ulteriori sezioni a questo gruppo, come ad esempio:
2. Gruppo di sovrapposizione
Un gruppo di sezioni che si comporta in una finestra pop-up.
2.1. Cassetto del carrello
Un cassetto del carrello è un elemento dell'interfaccia utente che visualizza un riepilogo degli articoli che un cliente ha aggiunto al carrello senza reindirizzarli a una pagina del carrello separata.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Cassetto del carrello | ||
Mostra venditore | Visualizza i fornitori dei prodotti. | |
Mostra nota carrello | Visualizza la nota del carrello. | |
Mostra il calcolatore delle tariffe di spedizione | Abilita le impostazioni del tema che consentono ai clienti di calcolare la tariffa di spedizione approssimativa inserendo il proprio paese/regione, provincia e codice postale. | |
Mostra il pulsante Visualizza carrello | Visualizza il pulsante Visualizza carrello. | |
Mostra il pulsante di pagamento | Visualizza il pulsante di pagamento. | |
Barra di spedizione gratuita | ||
Mostra la barra di spedizione gratuita | Visualizza la barra di spedizione gratuita | |
Importo minimo di spedizione gratuita | Inserisci l'importo utilizzando solo il numero. Se si utilizzano più valute, separare ciascun codice valuta con il relativo importo (ad esempio: USD:100, EUR:95, JPY:13000 ) | |
Consigli per il carrello | ||
Abilita i suggerimenti del carrello | Visualizza i consigli sul carrello | |
Intestazione | Il titolo dei consigli del carrello. | |
Numero massimo di prodotti da mostrare | Visualizza da 1 a 10 prodotti alla volta. | |
Mostra venditore | Visualizza i fornitori dei prodotti. | |
Mostra prezzo | Visualizza i prezzi dei prodotti. | |
Consigli per il carrello vuoto | ||
Testo | Utilizza il tuo testo, ad esempio: " Non sai da dove iniziare? Prova queste raccolte: " | |
Elenco delle raccolte | Seleziona le raccolte consigliate | |
Prodotti visionati recentemente | ||
Abilita i prodotti visualizzati di recente | Visualizza i prodotti visualizzati di recente. | |
Intestazione | Il titolo della sezione. | |
Numero massimo di prodotti da mostrare | Visualizza da 1 a 10 prodotti alla volta. | |
Mostra venditore | Visualizza il fornitore dei prodotti. | |
Mostra prezzo | Visualizza il prezzo dei prodotti. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
2.2. Cerca nel cassetto
Il cassetto di ricerca non verrà visualizzato dai tuoi clienti se hai impostato il tipo di carrello su "Pagina" nelle impostazioni del tema .
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
---|
2.3. Bandiera dei biscotti
Un cookie banner è una notifica che appare su un sito web quando un utente lo visita per la prima volta. Informa l'utente sui cookie utilizzati dal sito web e chiede il consenso dell'utente per memorizzare i cookie sul proprio dispositivo.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Striscione per biscotti | ||
Modalità display | In modalità Test , il banner viene sempre visualizzato nonostante le impostazioni pertinenti o l'eliminazione in modo da poterlo rivedere in ogni momento. Quando sei soddisfatto dell'aspetto, passa a Abilita . | |
Ritardo Il ritardo è disabilitato nell'editor del tema per motivi di visibilità. | Il tempo di rendering di questa sezione, dal momento in cui la pagina viene caricata. Regola da 2s a 60s. | |
Allineamento del testo | Seleziona l'allineamento del testo preferito tra le tre opzioni seguenti: Sinistra , Centro o Destra . | |
Posizione del contenuto | Seleziona la posizione preferita del contenuto: in basso a sinistra o in basso a destra . | |
Colori | ||
Testo | Il colore del testo. | |
Sfondo | Il colore dello sfondo. | |
Evidenziare | Il colore evidenziatore. | |
Testo del pulsante | Il colore del testo del pulsante. | |
Sfondo del pulsante | Il colore dello sfondo del pulsante. | |
Gradiente dello sfondo del pulsante | Il gradiente dello sfondo del pulsante. |
Blocchi disponibili:
- 2.3.1 Blocco di rotta
- 2.3.2 Blocco di testo
- 2.3.3 Blocco pulsanti
- 2.3.4 Blocco immagine
- 2.3.5 Liquido personalizzato
- 2.3.6 Spazio vuoto
2.3.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
2.3.2 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
2.3.3 Le impostazioni per il blocco Pulsanti.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Acquista bottoni | ||
Accetta l'etichetta del pulsante | Testo sul pulsante Accetta. Lasciare vuota l'etichetta per nascondere il pulsante. | |
Etichetta del pulsante Rifiuta | Testo sul pulsante di rifiuto. Lasciare vuota l'etichetta per nascondere il pulsante. |
2.3.4 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
2.3.5 Le impostazioni per il blocco liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
2.3.6 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
2.4. Popup della newsletter
Su un sito Web viene visualizzata una finestra popup, in genere quando un utente visita il sito per la prima volta o è rimasto sul sito per un certo periodo di tempo. Il pop-up solitamente contiene un modulo che gli utenti possono compilare per iscriversi alla newsletter del sito web.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Popup della newsletter | ||
Modalità display In modalità Test , il banner viene sempre visualizzato nonostante le impostazioni pertinenti o l'eliminazione in modo da poterlo rivedere in ogni momento. Quando sei soddisfatto dell'aspetto, passa a Enabke . | ||
Mostra solo una home page: | ||
Mostra solo per i visitatori: | ||
Ritardo Il ritardo è disabilitato nell'editor del tema per motivi di visibilità. | Il tempo di rendering di questa sezione, dal momento in cui la pagina viene caricata. Regola da 2s a 60s. | |
Frequenza | Numero di giorni prima che ricompaia un popup eliminato, modifica da 1 giorno a 30 giorni. | |
Allineamento del testo | Seleziona l'allineamento del testo preferito tra le tre opzioni seguenti: Sinistra , Centro o Destra . | |
Posizione del contenuto | Seleziona la posizione preferita del contenuto: in basso a sinistra o in basso a destra . | |
Immagine | Immagine | Scegli/Carica un'immagine per la sezione. |
Colori | ||
Testo | Cambia il colore del testo. | |
Sfondo | Cambia il colore dello sfondo. | |
Evidenziare | Cambia il colore dell'evidenziazione. | |
Testo del pulsante | Cambia il colore del testo del pulsante. | |
Sfondo del pulsante | Cambia il colore dello sfondo del pulsante. | |
Gradiente dello sfondo del pulsante | Cambia il colore del gradiente dello sfondo del pulsante. |
Blocchi disponibili:
- 2.4.1 Intestazione
- 2.4.2 Testo
- 2.4.3 Pulsante
- 2.4.4 Collegamento
- 2.4.5 Immagine
- 2.4.6 Modulo
- 2.4.7 Icone dei social media
- 2.4.8 Spazio vuoto
- 2.4.9 Liquido personalizzato
- 2.4.10 Barra mobile
2.4.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
2.4.2 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
2.4.3 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
2.4.4 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
2.4.5 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
2.4.6 Le impostazioni per il blocco Modulo.
Nessuna impostazione personalizzabile disponibile.
2.4.7 Le impostazioni per il blocco delle icone dei social media.
Per visualizzare i tuoi account di social media, collegali nelle impostazioni del tema .
2.4.8 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
2.4.9 Le impostazioni per il blocco del liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
2.4.10 Le impostazioni per il blocco Barra mobile.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Barra galleggiante | ||
Intestazione | Il titolo del blocco. | |
Posizione del contenuto | Seleziona la posizione preferita del contenuto: Sinistra o Destra | |
Mostra le icone dei social media | Per visualizzare i tuoi account di social media, collegali nelle impostazioni del tema | |
Rubrica sui social media | Titolo del social media. | |
Disposizione mobile | ||
Disabilita sul cellulare | Si nasconde sul cellulare. | |
Nasconde le icone dei social media | Abilita per nascondere le icone dei social media. | |
Colore | Facoltativamente è possibile personalizzare i colori del blocco, inclusi i seguenti:
|
C. Gruppo modelli
Una raccolta di sezioni utilizzate per creare un tipo specifico di pagina su un sito web.
1. Post del blog
Se hai un blog nel tuo negozio Shopify, puoi utilizzare una sezione Post del blog per evidenziare i post di quel blog.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
I post del blog | ||
Blog | Seleziona il blog da cui desideri visualizzare i post del blog. Se non viene selezionato alcun blog, verrà utilizzato il primo blog in ordine alfabetico nella pagina Blog. | |
Numero di post del blog da mostrare | Il numero di post del blog che desideri visualizzare nella sezione. | |
Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul desktop da 1 a 5. | |
Abilita il carosello sul desktop | Visualizza un carosello di post di blog dalla raccolta sul browser desktop. | |
Abilita il pulsante "Visualizza tutto". | Visualizza un pulsante Visualizza tutto che si collega alla pagina del blog se il blog contiene più post rispetto al limite specificato. | |
Disposizione mobile | ||
Numero di colonne su dispositivi mobili | Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne . | |
Abilita lo scorrimento sul cellulare | Imposta la visualizzazione mobile su una riga con scorrimento orizzontale. | |
Scheda post del blog | ||
Rapporto immagine | Le proporzioni delle immagini per le immagini dei post del blog:
| |
Mostra tag | Visualizza i tag dei post del blog di amministrazione con immagini. | |
Mostra data | Mostra la data di pubblicazione del post del blog. | |
Mostra conteggio commenti | Visualizza il numero totale di commenti pubblicati. | |
Mostra autore | Visualizza l'autore dei post del blog. | |
Mostra tranne | Visualizza l'estratto dei post del blog. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione non supporta l'aggiunta di blocchi.
2. Collage
Questa sezione crea un collage di video o immagini in due colonne. Per impostazione predefinita, la sezione contiene un blocco video, prodotto e raccolta.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. La direzione della parallasse può essere scelta tra le 3 seguenti opzioni: | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 2.1 Blocco immagine
- 2.2 Blocco video
2.1 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Intestazione | Il titolo del blocco. | |
Collegamento | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic. | |
Invertire sottotitolo e titolo | Gli scambi posizionano l'intestazione e il sottotitolo. | |
Immagine | Scegli/carica un'immagine per il blocco. | |
Rapporto immagine | Le proporzioni delle immagini per le immagini dei post del blog:
| |
Posizione del contenuto del desktop | La posizione del contenuto sul desktop: | |
Allineamento dei contenuti del desktop | L'allineamento del contenuto sul desktop: | |
Disposizione mobile | ||
Immagine mobile | L'immagine del blocco visualizzata sul cellulare. | |
Rapporto immagine mobile | Il rapporto immagine per le immagini sul browser mobile:
| |
Posizione dei contenuti mobili | La posizione del contenuto sul browser mobile: | |
Allineamento dei contenuti mobili | L'allineamento del contenuto sul browser mobile: | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
2.2 Le impostazioni per il blocco Video.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
video | ||
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Intestazione | Il titolo del blocco. | |
Collegamento | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic. | |
Invertire sottotitolo e titolo | Gli scambi posizionano l'intestazione e il sottotitolo. | |
Video ospitato da Shopify | video | Sceglie un video dal video ospitato da Shopify |
Incorpora video dall'URL | ||
URL | Il collegamento YouTube o Vimeo al video. Il video deve essere disponibile al pubblico. | |
Immagine di copertina | L'immagine visualizzata prima della riproduzione del video. | |
Testo alternativo del video | Descrivi il video per renderlo accessibile ai clienti che utilizzano gli screen reader. | |
Abilita la riproduzione automatica del video | Riproduzione automatica del video. | |
Abilita il looping video | Riproduzione ripetuta del video. | |
Rapporto immagine | Le proporzioni delle immagini per le immagini dei post del blog:
| |
Posizione del contenuto del desktop | Imposta la posizione del contenuto sul desktop: | |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Disposizione mobile | ||
Videomobile | Scegli/carica un video caricandolo per il browser mobile. | |
Oppure incorpora video dall'URL | Incorpora un video da un URL su un browser mobile. | |
Immagine di copertina del cellulare | L'immagine visualizzata prima della riproduzione del video sul dispositivo mobile. | |
Rapporto immagine mobile | Il rapporto immagine per le immagini sul browser desktop:
| |
Posizione dei contenuti mobili | Imposta la posizione del contenuto sul browser mobile: | |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori del blocco, inclusi i seguenti:
|
3. Collage dei post del blog
Questa sezione cattura l'attenzione dei lettori con un collage di post del blog.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Post del blog in formato collage | ||
Blog | Il blog da cui desideri visualizzare i post del blog. | |
Numero di post del blog da mostrare | Il numero di post del blog che desideri visualizzare nella sezione. | |
Abilita il pulsante "Visualizza tutto". | Visualizza un pulsante Visualizza tutto che si collega alla pagina del blog se il blog contiene più post rispetto al limite specificato. | |
Cartolina postale del blog | ||
Rapporto immagine | Le proporzioni delle immagini per le immagini dei post del blog:
| |
Mostra tag | Visualizzazioni di tag dai post del blog di amministrazione, incorporando immagini appropriate per migliorare il contenuto. | |
Mostra data | Mostra la data di pubblicazione del post del blog. | |
Mostra conteggio commenti | Visualizza il numero totale di commenti ai post del blog pubblicati. | |
Mostra autore | Visualizza l'autore del post del blog. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione non supporta l'aggiunta di blocchi.
4. Elenco delle collezioni
Puoi aggiungere un elenco di raccolte che desideri evidenziare.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Elenco delle raccolte | ||
Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul browser desktop da 1 a 5. | |
Abilita il carosello sul desktop | Visualizza un carosello di prodotti della collezione sul browser desktop. | |
Immagine | Scegli le immagini dall'immagine della raccolta o dal primo prodotto . | |
Rapporto immagine | Le proporzioni dell'immagine per le immagini della raccolta:
| |
Abilita il pulsante "Visualizza tutto". | Se il blog ha più post di quelli impostati nel campo Post del blog, verrà visualizzato un pulsante "Visualizza tutto" che indirizza i clienti alla pagina del blog. | |
Disposizione mobile | ||
Numero di colonne su dispositivi mobili | Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne . | |
Abilita lo scorrimento sul cellulare | Imposta la visualizzazione mobile su una riga con scorrimento orizzontale. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocco disponibile: blocco Raccolta.
Le impostazioni per il blocco Raccolta.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collezione | ||
Collezione | Scegli la collezione da cui desideri visualizzare i prodotti. | |
Prodotti | Puoi visualizzare singoli prodotti anziché l'intera collezione. | |
Titolo | Il titolo della raccolta In primo piano |
5. Modulo di contatto
Il tuo modulo di contatto invia tutti gli invii all'indirizzo email del mittente del tuo negozio. Puoi modificare l'indirizzo email del mittente nelle Impostazioni generali del pannello di controllo Shopify .
Il modulo ha i seguenti fondamentali:
- Nome
- Email (obbligatorio)
- Commento
- Sono supportati anche i campi personalizzati.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Modulo di Contatto | Tutti gli invii vengono inviati all'indirizzo email del mittente del tuo negozio. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiungi stili personalizzati a questa sezione con CSS |
Blocchi disponibili:
- 5.1 Contattare Pressk
- 5.2 Icone dei social media
- 5.3 Campo personalizzato
5.1 Le impostazioni per il blocco Stampa contatti.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Contatta la stampa | ||
Intestazione | Il titolo del blocco (es: Servizio clienti. ) | |
Testo | Il testo da visualizzare nel blocco. |
5.2 Le impostazioni per il blocco delle icone dei social media.
Intestazione | Ti permette di cambiare il titolo di questo blocco. |
---|
5.2 Le impostazioni per il blocco Campo personalizzato.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Campo personalizzato | ||
Tipo | Seleziona 5 dei seguenti per visualizzare i tipi di blocco: | |
Etichetta | Aggiunge il testo dell'etichetta. | |
Necessario | Contrassegna questa impostazione come opzione obbligatoria. | |
Intera larghezza | Rende l'impostazione del blocco a larghezza intera. | |
Casella di controllo | ||
Valore controllato | Imposta il valore per il valore controllato. | |
Valore non controllato | Imposta il valore per il valore non selezionato. | |
Tasti della radio | Opzioni | Aggiunge le opzioni. Separa le opzioni con una virgola (ad esempio: Opzione 1, Opzione 2, Opzione 3 ). |
Menu `A tendina | Opzioni | Aggiunge le opzioni. Separa le opzioni con una virgola (ad esempio: Opzione 1, Opzione 2, Opzione 3 ). |
6. Contatto con la mappa
Una sezione visualizza un indirizzo sulla mappa.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Contatto con la mappa | Tutti gli invii vengono inviati all'indirizzo email del mittente del tuo negozio. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Carta geografica | ||
Indirizzo della mappa | Inserisci il tuo indirizzo Google Maps troverà la posizione esatta. | |
Chiave API di Google Maps | Inserisci la tua chiave API di Google | |
Zoom della mappa | Ingrandisci dal livello 12 al 20. Livelli di zoom più alti mostrano maggiori dettagli. | |
Stile della mappa | Sceglie una delle 6 opzioni seguenti per formattare lo stile della mappa: | |
Immagine | Sceglie un'immagine della mappa di backup da visualizzare se la mappa non viene caricata. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Disposizione mobile | Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. La direzione della parallasse può essere scelta tra le 3 seguenti opzioni: | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 6.1 Contattare Pressk
- 6.2 Icone dei social media
- 6.3 Campo personalizzato
6.1 Le impostazioni per il blocco Stampa contatti.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Contatta la stampa | ||
Intestazione | Il titolo del blocco (es: Servizio clienti. ) | |
Testo | Il testo da visualizzare nel blocco. |
6.2 Le impostazioni per il blocco delle icone dei social media.
Intestazione | Ti permette di cambiare il titolo di questo blocco. |
---|
6.3 Le impostazioni per il blocco Campo personalizzato.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Campo personalizzato | ||
Tipo | Seleziona 5 dei seguenti per visualizzare i tipi di blocco: | |
Etichetta | Aggiunge il testo dell'etichetta. | |
Necessario | Contrassegna questa impostazione come opzione obbligatoria. | |
Intera larghezza | Rende l'impostazione del blocco a larghezza intera. | |
Casella di controllo | ||
Valore controllato | Imposta il valore per il valore controllato. | |
Valore non controllato | Imposta il valore per il valore non selezionato. | |
Tasti della radio | Opzioni | Aggiunge le opzioni. Separa le tue opzioni con una virgola (ad esempio: Opzione 1, Opzione 2, Opzione 3 .) |
Menu `A tendina | Opzioni | Aggiunge le opzioni. Separa le tue opzioni con una virgola (ad esempio: Opzione 1, Opzione 2, Opzione 3 .) |
7. Conto alla rovescia
Questa sezione visualizza un conto alla rovescia attivo impostato per scadere in un determinato momento. Può essere utilizzato per una vasta gamma di scopi, tra cui l'inizio delle vendite, l'apertura dei negozi e la scadenza delle offerte esclusive. Ecco un nostro esempio del timer per il conto alla rovescia delle vendite settimanali per un prodotto specifico.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Conto alla rovescia | ||
Consenti intestazione trasparente | Questa impostazione si applica solo quando questa sezione è la prima | |
Immagine | L'immagine per la sezione sul browser desktop. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Larghezza del contenuto del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: | |
Posizione del contenuto del desktop | Imposta la posizione del contenuto sul desktop: | |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Disposizione mobile | ||
Immagine mobile | Immagine di copertina della sezione sul browser mobile. | |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Posizione dei contenuti mobili | Imposta la posizione del contenuto sul browser mobile: | |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. La direzione della parallasse può essere scelta tra le 3 seguenti opzioni: | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 7.1 Intestazione
- 7.2 Sottotitolo
- 7.3 Testo
- 7.4 Pulsante
- 7.5 Collegamento
- 7.6 Immagine
- 7.7 Liquido personalizzato
- 7.8 Spazio vuoto
7.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
7.2 Le impostazioni per il blocco Sottotitolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Sottotitolo | ||
Sottotitolo | Il sottotitolo dell'intestazione. | |
Dimensione del sottotitolo | Dimensione della sottovoce: | |
Usa il colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
7.3 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
7.4 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
7.2 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
7.6 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
7.7 Le impostazioni per il blocco liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
7.8 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
8. Liquido personalizzato
Puoi aggiungere il tuo codice Liquid per creare una sezione personalizzata.
- Aggiungi snippet di app forniti nelle istruzioni delle app scaricate per introdurre facilmente le app nelle tue pagine.
- Aggiungi il codice Liquid personalizzato direttamente nell'editor.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Liquido personalizzato | Codice liquido | Aggiungi snippet di app o altro codice per creare personalizzazioni avanzate. |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione non supporta l'aggiunta di blocchi.
9. Registrazione tramite e-mail
Puoi aggiungere il tuo codice Liquid per creare una sezione personalizzata.
- Aggiungi snippet di app forniti nelle istruzioni delle app scaricate per introdurre facilmente le app nelle tue pagine.
- Aggiungi il codice Liquid personalizzato direttamente nell'editor.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Registrazione tramite e-mail | ||
Larghezza del contenuto del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: | |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 9.1 Intestazione
- 9.2 Sottotitolo
- 9.3 Testo
- 9.4 Pulsante
- 9.5 Collegamento
- 9.6 Immagine
- 9.7 Liquido personalizzato
- 9.8 Spazio vuoto
9.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
9.2 Le impostazioni per il blocco delle icone dei social media.
Visualizza gli account dei social media che hai configurato nelle impostazioni del tema .
9.3 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
9.4 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
9.5 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
9.6 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
9.7 Le impostazioni per il blocco liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
9.8 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
10. Spazio vuoto
Con questa sezione è possibile personalizzare l'altezza dello spazio verticale tra le sezioni, rispettivamente per diversi dispositivi.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione non supporta l'aggiunta di blocchi.
11. Domande frequenti
La sezione FAQ (domande frequenti) mostra le domande e le risposte più comuni dei clienti utilizzando un layout dinamico a fisarmonica.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
FAQ | Stile | Scegli Con stile bordo o Con stile sfondo per visualizzare la sezione |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 11.1 Testo ricco
- 11.2 Domanda
- 11.3 Modulo di contatto
11.1 Le impostazioni per il blocco Rich text.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo ricco | ||
Titolo | Il titolo del blocco. | |
Testo | Aggiunge testo descrittivo per questo blocco. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
11.2 Le impostazioni per il blocco Domande.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Domanda | ||
Domanda | Aggiunge una domanda frequente. | |
Risposta | Aggiunge la risposta. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
11.3 Le impostazioni per il blocco del modulo di contatto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Modulo di Contatto | ||
Titolo | Il titolo della colonna. | |
Testo | Il testo da visualizzare nel blocco. | |
Mostra il numero di telefono | Visualizza il numero di telefono. | |
Avatar della squadra | Scegli/carica un'immagine per visualizzare l'avatar della squadra. | |
Altezza dell'avatar della squadra | L'altezza dell'avatar della squadra può essere regolata da 20px a 100px. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
12. Collezione in primo piano
Questa sezione ti consente di visualizzare più raccolte in più colonne, con ciascuna colonna visualizzata nella propria scheda. Puoi anche aggiungere una sezione che presenta una collezione specifica.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Collezione in primo piano | ||
Collezione | Scegli la collezione da cui desideri visualizzare i prodotti. | |
Prodotti | Aggiungi fino a 50 prodotti da visualizzare. Sostituisce la raccolta quando selezionata. | |
Numero massimo di prodotti da mostrare | Il numero di prodotti complementari può variare da 2 a 12. | |
Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul browser desktop da 1 a 5. | |
Abilita il carosello sul desktop | Visualizza un carosello di prodotti della collezione su un browser desktop. | |
Abilita il pulsante "Visualizza tutto". | Il pulsante "Visualizza tutto" verrà aggiunto sotto l'elenco delle raccolte. Ciò è suggerito quando l'elenco include più raccolte di quelle mostrate. | |
Disposizione mobile | ||
Numero di colonne su dispositivi mobili | Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne . | |
Abilita lo scorrimento sul cellulare | Imposta la visualizzazione mobile su una riga con scorrimento orizzontale. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione non supporta l'aggiunta di blocchi.
13. Prodotto in evidenza
Puoi aggiungere una sezione che presenta un prodotto specifico.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Prodotto presentato | ||
Prodotto | Seleziona un prodotto da visualizzare per questa sezione. | |
Abilita contenuto permanente sul desktop | Fissa il contenuto sullo schermo quando il cliente scorre verso il basso (o verso l'alto) le immagini del prodotto in evidenza. | |
Media | ||
Larghezza del supporto desktop | La larghezza dei media sul desktop, che può essere regolata dal 35% al 70% per modificare la dimensione di questa sezione. | |
Disposizione della scrivania | Visualizza il layout del desktop:
| |
Posizione della miniatura | La posizione della miniatura: accanto al supporto o sotto il supporto | |
Zoom dell'immagine | 3 opzioni disponibili:
| |
Nascondi i media di altre varianti dopo aver selezionato una variante. | Quando viene selezionata una variante, le immagini di altre varianti vengono nascoste alla vista. Le immagini riappaiono quando la variante viene deselezionata. | |
Abilita la riproduzione automatica del video | Riproduzione automatica del video. | |
Abilita il looping video | Riproduzione ripetuta del video. | |
Disposizione mobile | ||
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 13.1 Pangrattato
- 13.2 Testo
- 13.3 Titolo
- 13.4 Prezzo
- 13.5 SKU
- 13.6 Stato dell'inventario
- 13.7 Selettore quantità
- 13.8 Selettore di varianti
- 13.9 Acquista pulsanti
- 13.10 Disponibilità del ritiro
- 13.11 Descrizione
- 13.12 Condividi
- 13.13 Sportello di assistenza
- 13.14 Liquido personalizzato
- 13.15 Valutazione del prodotto
- 13.16 Prodotti complementari
- 13.17 fila pieghevole
- 13.18 Leggi di più
- 13.19 Testo rotante
13.1 Le impostazioni per il blocco breadcrumb.
Abilita per mostrare la pagina delle raccolte nell'elenco breadcrumb.
13.2 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunge il tuo testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: |
13.3 Le impostazioni per il cartiglio.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Titolo | ||
Dimensione del titolo | La dimensione del titolo: | |
Mostra il prezzo del prodotto | Consente di visualizzare il prezzo del prodotto | |
Mostra la valutazione del prodotto | Consente di visualizzare la valutazione del prodotto. |
13.4 Le impostazioni per il Blocco prezzo.
Abilita Mostra avviso tasse per visualizzare l'avviso tasse.
13.5 Le impostazioni per il blocco SKU.
Nessuna impostazione personalizzabile disponibile.
13.6 Le impostazioni per il blocco Stato inventario.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Stato dell'inventario | ||
Soglia di inventario bassa | La quantità minima di un prodotto specifico che un'azienda desidera avere a disposizione in un dato momento. Scegli 0 per mostrare sempre in stock se disponibile. | |
Mostra l'avviso di trasferimento di inventario | Visualizza l'avviso di trasferimento di inventario | |
Combinazione di colori | Scegli una delle 6 opzioni seguenti: |
13.7 Le impostazioni per il blocco selettore Qualità.
Nessuna impostazione personalizzabile disponibile.
13.8 Le impostazioni per il blocco selezione varianti.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Selettori di varianti | ||
Mostra etichette delle varianti | Visualizza l'etichetta delle varianti. | |
Tipo | Lo stile del selettore di varianti. Scegli Menu a discesa o Pulsante . | |
Abilita campioni di colore Richiede che il tipo di selezione varianti sia "Pulsante". | Visualizza le varianti di colore nei campioni. Ciò richiede il tipo di selezione della variante "Pulsante". | |
Tabella di formato | Pagina della tabella delle taglie | Se vendi articoli di abbigliamento che richiedono ai clienti di conoscere la propria taglia prima di effettuare un acquisto, puoi aggiungere una tabella delle taglie personalizzata alla pagina del prodotto. Ecco come scegliere la pagina che rappresenta il contenuto della tabella delle taglie |
13.9 Le impostazioni per il blocco dei pulsanti Acquista.
Questo blocco mostra il pulsante "Aggiungi al carrello" e tutte le informazioni sul ritiro in negozio. Può anche mostrare eventuali pulsanti di pagamento dinamico.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Acquista bottoni | ||
Mostra il selettore della quantità | Visualizza un selettore di quantità che i clienti possono utilizzare per modificare il numero di unità del prodotto che desiderano acquistare. La quantità predefinita è 1. | |
Mostra i pulsanti di check-out dinamico | Utilizzando i metodi di pagamento disponibili nel tuo negozio, i clienti vedono la loro opzione preferita, come PayPal o Apple Pay. | |
Mostra il modulo delle informazioni sul destinatario per i buoni regalo. | Consente agli acquirenti di inviare buoni regalo in una data programmata insieme a un messaggio personale. |
13.10 Le impostazioni per il blocco Disponibilità ritiro.
Consente ai tuoi clienti di visualizzare la disponibilità nei negozi al dettaglio impostando il ritiro locale .
13.11 Le impostazioni per il blocco Descrizione.
Seleziona la dimensione del testo descrittivo:
13.12 Le impostazioni per il blocco Condividi.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Condividere | Testo | Aggiunge testo per il blocco |
Helpdesk | ||
Mostra helpdesk | Consente di visualizzare l'help desk | |
Etichetta di aiuto | Il testo descrive il blocco dell'etichetta della Guida. | |
Pagina di aiuto | Aggiunge l'URL che desideri collegare. |
13.13 Le impostazioni per il blocco Help Desk.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Helpdesk | ||
Etichetta di aiuto | Il testo descrive il blocco dell'etichetta della Guida. | |
Pagina di aiuto | Seleziona una pagina a cui collegare il blocco Help desk. |
13.14 Le impostazioni per il blocco liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
13.15 Le impostazioni per il blocco Valutazione del prodotto.
Visualizza la valutazione media del prodotto in stelle con il numero di recensioni tra parentesi, ad esempio: ★★★★★ (8). Richiede inoltre un'app per la revisione dei prodotti come Shopify Product Reviews e le definizioni dei metafield per Reviews.rating_count e Reviews.rating.
13.16 Le impostazioni per il blocco Prodotti Complementari.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Prodotti complementari | ||
Intestazione | Inserisci il testo per il tuo prodotto complementare. | |
Numero massimo di prodotti da mostrare | Il numero di prodotti complementari può variare da 1 a 10. | |
Mostra venditore | Visualizza i fornitori dei prodotti. | |
Mostra prezzo | Visualizza i prezzi dei prodotti. |
13.17 Le impostazioni per il blocco riga comprimibile.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
fila pieghevole | ||
Icona | Scegli un'icona SVG predefinita che si adatti alla tua scheda pieghevole. L'opzione Nessuna disabiliterà l'icona. | |
Intestazione | Il titolo della scheda. Viene visualizzato quando compresso ed espanso. | |
Contenuto della riga | Il contenuto della scheda. Viene visualizzato solo quando la scheda viene espansa. | |
Riga contenuto dalla pagina | Visualizza il contenuto di una pagina nella scheda. Visualizza solo il contenuto della pagina dall'editor della pagina, in questo blocco non viene visualizzato lo stile Liquid dal modello della pagina. Qualsiasi contenuto immesso nel contenuto della scheda viene visualizzato sopra il contenuto della pagina. |
13.18 Le impostazioni per il blocco Leggi di più.
Nessuna impostazione personalizzabile disponibile.
13.19 Le impostazioni per il blocco di testo Rotante.
Testo: aggiunge il testo rotante.
14. Confronto di immagini
Questa sezione serve per confrontare due prodotti, in base al tuo scopo.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Confronto di immagini | ||
Disposizione | Visualizza il confronto in due formati: | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Disposizione mobile | Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Aggiunge fino a 2 blocchi di immagini in questa sezione.
Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Assegna un'immagine da utilizzare come confronto per questa raccolta sui browser desktop. | |
Immagine mobile | Assegna un'immagine da utilizzare come confronto per questa raccolta sui browser mobili. | |
Sottotitolo | I sottotitoli sono posizionati sopra i titoli corrispondenti e sono di dimensioni più piccole. | |
Intestazione | Testo grande per il titolo dell'immagine. | |
Posizione del contenuto | Posizione del testo di intestazione e sottointestazione. Scegli una delle 3 opzioni: Stella, Centro e Fine. | |
Colore del testo | Colore del testo. |
15. Immagine con testo
Puoi aggiungere una sezione che contiene un'immagine e un blocco di testo con un pulsante opzionale per collegare i clienti a una nuova pagina. Abbina il testo a un'immagine per concentrarti sul prodotto, sulla collezione o sul post del blog che hai scelto. Aggiungi dettagli su disponibilità, stile o fornisci anche una recensione.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Immagine con testo | ||
Immagine | L'immagine per la sezione visualizzata sul browser desktop. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Larghezza dell'immagine del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: Piccola, Media o Grande | |
Posizionamento delle immagini sul desktop | Il layout della sezione sul desktop:
| |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Disposizione mobile | ||
Immagine mobile | L'immagine per la sezione visualizzata sul browser mobile. | |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita la visualizzazione dell'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 15.1 Intestazione
- 15.2 Testo
- 15.3 Pulsante
- 15.4 Collegamento
- 15.5 Immagine
- 15.6 Liquido personalizzato
- 15.7 Spazio vuoto
15.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
15.2 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
15.3 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
15.4 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
15.5 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
15.6 Le impostazioni per il blocco del liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
15.7 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
16. Immagini con testo
Questa sezione è simile alla sezione [Immagine con testo], ma consente di visualizzare due immagini contemporaneamente. Ciò fornisce una maggiore flessibilità di progettazione per la tua pagina.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Immagine con testo | ||
Immagine | La prima immagine per la sezione visualizzata sul browser desktop. | |
Immagine 2 | La seconda immagine per la sezione visualizzata sul browser desktop. | |
Rapporto immagine | Il rapporto immagine per le immagini:
| |
Larghezza dell'immagine del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: Piccola, Media o Grande L'immagine è automaticamente ottimizzata per i dispositivi mobili | |
Posizionamento delle immagini sul desktop | Il layout della sezione sul desktop:
| |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Disposizione mobile | Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita la visualizzazione dell'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 16.1 Intestazione
- 16.2 Testo
- 16.3 Pulsante
- 16.45 Collegamento
- 16.5 Immagine
- 16.6 Liquido personalizzato
- 16.7 Spazio vuoto
16.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
16.2 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
16.3 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
16.4 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
16.5 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
16.6 Le impostazioni per il blocco del liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
16.7 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
17. Immagine con sovrapposizione di testo
Puoi mostrare ai tuoi clienti un'immagine di grandi dimensioni con una sovrapposizione di testo personalizzata. Il tuo messaggio potrebbe descrivere un prodotto, condividere un annuncio o dare il benvenuto ai clienti nel tuo negozio.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Immagine con testo | ||
Immagine | L'immagine per la sezione visualizzata sul browser desktop. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Larghezza dell'immagine del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: Piccola, Media o Grande L'immagine è automaticamente ottimizzata per i dispositivi mobili. | |
Posizionamento delle immagini sul desktop | Il layout della sezione sul desktop:
Prima l'immagine è il layout mobile predefinito. | |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Disposizione mobile | ||
Immagine mobile | L'immagine per la sezione visualizzata sul browser mobile. | |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita la visualizzazione dell'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 17.1 Intestazione
- 17.2 Sottotitolo
- 17.3 Testo
- 17.4 Pulsante
- 17.5 Collegamento
- 17.6 Immagine
- 17.7 Liquido personalizzato
- 17.8 Spazio vuoto
17.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
17.2 Le impostazioni per il blocco Sottotitoli.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Sottotitolo | ||
Sottotitolo | Il sottotitolo dell'intestazione. | |
Dimensione del sottotitolo | Dimensione della sottovoce: | |
Usa il colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
17.3 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
17.4 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
17.5 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
17.6 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
17.7 Le impostazioni per il blocco del liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
17.8 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
18. Immagini con sovrapposizione di testo
Questa sezione è simile alla sezione [Immagine con testo sovrapposto], ma consente di visualizzare fino a cinque immagini contemporaneamente. Ciò fornisce una maggiore flessibilità di progettazione per la tua pagina.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Immagine con sovrapposizione di testo | ||
Consenti intestazione trasparente | Questa impostazione si applica solo quando questa sezione è la prima. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Larghezza del contenuto del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: | |
Posizione del contenuto del desktop | Imposta la posizione del contenuto sul desktop: | |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Immagine 1 | La prima immagine per la sezione visualizzata sul browser desktop. | |
Immagine 2 | La seconda immagine per la sezione visualizzata sul browser desktop. | |
Immagine 3 | La terza immagine per la sezione visualizzata sul browser desktop. | |
Immagine 4 | La quarta immagine per la sezione visualizzata sul browser desktop. | |
Immagine 5 | La quinta immagine per la sezione visualizzata sul browser desktop. | |
Disposizione mobile | ||
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Posizione dei contenuti mobili | Imposta la posizione del contenuto sul browser mobile: | |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita la visualizzazione dell'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 18.1 Direzione
- 18.2 Sottotitolo
- 18.3 Testo
- 18.4 Pulsante
- 18.5 Collegamento
- 18.6 Immagine
- 18.7 Liquido personalizzato
- 18.8 Spazio vuoto
18.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
18.2 Le impostazioni per il blocco Sottotitolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Sottotitolo | ||
Sottotitolo | Il sottotitolo dell'intestazione. | |
Dimensione del sottotitolo | Dimensione della sottovoce: | |
Usa il colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
18.3 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
18.4 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
18.5 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
18.6 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
18.7 Le impostazioni per il blocco del liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
18.8 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
19. Elenco dei loghi
Una sezione consente di visualizzare un elenco orizzontale di loghi.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Elenco dei loghi | ||
Stile | Scegli Con stile bordo o Con stile sfondo per visualizzare la sezione. | |
Spazio orizzontale | Spaziatura orizzontale dei loghi adiacenti. Può variare da 50px a 200px, aumentando aritmeticamente di 5px. | |
Stile tendone | ||
Direzione | Naviga nel movimento del logo a sinistra o a destra . | |
Velocità | Regola la velocità di navigazione, da 1x a 30x. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Restringe la sezione | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Ogni logo è impostato nel blocco Logo
Le impostazioni per il blocco Logo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Logo | ||
Immagine | Seleziona un'immagine del logo. | |
Altezza dell'immagine | Regola l'altezza del logo, da 0px a 200px, aumentando aritmeticamente di 4px. | |
Collegamento | Aggiunge l'URL che desideri collegare. |
20. Lookbook
Questa sezione crea segnaposto del prodotto su una bacheca in cui ciascun segnaposto indirizza i clienti ai dettagli del prodotto.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Guardare un libro | ||
Immagine | L'immagine della sezione sul desktop. | |
Immagine mobile | L'immagine della sezione su mobile. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- Blocco prodotto
- Blocco del contenuto
20.1 Le impostazioni per il blocco Prodotto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Prodotto | Seleziona il prodotto | Seleziona un prodotto di questo blocco. |
Punto di accesso | ||
Testo | Regola il colore del testo. | |
Posizione verticale | Specifica la distanza tra il punto e il bordo superiore dell'immagine. | |
Posizione orizzontale | Specifica la distanza tra il punto e il bordo sinistro dell'immagine. | |
Disposizione mobile | ||
Posizione verticale | Specifica la distanza tra il punto e il bordo superiore dell'immagine sul browser mobile. | |
Posizione orizzontale | Specifica la distanza tra il punto e il bordo sinistro dell'immagine sul browser mobile. |
20.2 Le impostazioni per il blocco Contenuto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Contenuto | ||
Titolo | Titolo dello spot. | |
Testo | Sottotesto, che è più piccolo del titolo. | |
Collegamento | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic. | |
Punto di accesso | ||
Testo | Il colore del testo. | |
Posizione verticale | Specifica la distanza tra il punto e il bordo superiore dell'immagine. | |
Posizione orizzontale | Specifica la distanza tra il punto e il bordo sinistro dell'immagine. | |
Disposizione mobile | ||
Posizione verticale | Specifica la distanza tra il punto e il bordo superiore dell'immagine sul browser mobile. | |
Posizione orizzontale | Specifica la distanza tra il punto e il bordo sinistro dell'immagine sul browser mobile. |
21. Mappa
In questa sezione viene visualizzata una mappa di Google che evidenzia la posizione della tua attività.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Carta geografica | ||
Consenti intestazione trasparente | Questa impostazione è applicabile solo quando questa sezione è la prima. | |
Indirizzo della mappa | Inserisci il tuo indirizzo Google Maps troverà la posizione esatta. | |
Chiave API di Google Maps | Inserisci la tua chiave API di Google. | |
Zoom della mappa | Ingrandisci dal livello 12 al 20. Livelli di zoom più alti mostrano maggiori dettagli. | |
Stile della mappa | Scegli una delle 6 opzioni seguenti per formattare lo stile della mappa: | |
Immagine | Scegli un'immagine della mappa di backup da visualizzare se la mappa non viene caricata. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Posizione del contenuto del desktop | Imposta la posizione del contenuto sul desktop: | |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Disposizione mobile | ||
Disposizione mobile | Scegli uno stile per visualizzare questa sezione sul browser mobile:
| |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. La direzione della parallasse può essere scelta tra le 3 seguenti opzioni: | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 21.1 Intestazione
- 21.2 Sottotitolo
- 21.3 Testo
- 21.4 Pulsante
- 21.5 Collegamento
- 21.6 Immagine
- 21.7 Liquido personalizzato
- 21.8 Spazio vuoto
21.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
21.2 Le impostazioni per il blocco Sottotitolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Sottotitolo | ||
Sottotitolo | Il sottotitolo dell'intestazione. | |
Dimensione del sottotitolo | Dimensione della sottovoce:
| |
Usa il colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
21.3 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
21.4 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
21.5 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
21.6 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
21.7 Le impostazioni per il blocco del liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
21.8 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
22. Multicolonna
Puoi utilizzare la sezione a più colonne per visualizzare il contenuto in un layout a colonne e aggiungere un pulsante sotto le colonne per indirizzare il cliente a una nuova pagina. Abbina il testo a un'immagine per concentrarti sul prodotto, sulla collezione o sul post del blog che hai scelto. Aggiungi dettagli su disponibilità, stile o fornisci una recensione.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Multicolonna | Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul browser desktop: 2 colonne o 4 colonne . |
Disposizione mobile | ||
Numero di colonne su dispositivi mobili | Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne . | |
Abilita lo scorrimento sul cellulare | Imposta la visualizzazione mobile su una riga con scorrimento orizzontale. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocco disponibile: Blocco colonna .
Le impostazioni per il blocco Colonna.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Colonna | ||
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Immagine | L'immagine per il blocco. | |
Rapporto immagine | Il rapporto immagine per le immagini dei blocchi:
| |
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande . | |
Descrizione | La descrizione dell'immagine. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
23. Multicolonna con icone
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Multicolonna con icone | ||
Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul browser desktop: 2 colonne o 4 colonne. | |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocco disponibile: Blocco colonna .
Le impostazioni per il blocco Colonna.
\Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Colonna | ||
Icona | Seleziona un'icona nell'elenco delle icone. | |
Intestazione | Il titolo della colonna. | |
Descrizione | Il testo descrive la colonna. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
24. Collezioni con molteplici funzionalità
Puoi aggiungere una sezione per visualizzare i prodotti di qualsiasi combinazione di collezioni.
Ogni collezione è impostata nel blocco Collezione
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Collezione in primo piano | ||
Numero massimo di prodotti da mostrare | Il numero di prodotti complementari può variare da 2 a 12. | |
Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul browser desktop da 1 a 5. | |
Abilita il carosello sul desktop | Visualizza un carosello di prodotti della collezione su un browser desktop. | |
Abilita il pulsante "Visualizza tutto". | Il pulsante "Visualizza tutto" verrà aggiunto sotto l'elenco delle raccolte. Ciò è suggerito quando l'elenco include più raccolte di quelle mostrate. | |
Disposizione mobile | ||
Numero di colonne su dispositivi mobili | Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne . | |
Abilita lo scorrimento sul cellulare | Imposta la visualizzazione mobile su una riga con scorrimento orizzontale. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocco disponibile: Blocco raccolta .
Le impostazioni per il blocco Raccolta.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collezione | ||
Collezione | Scegli la collezione da cui desideri visualizzare i prodotti. | |
Prodotti | Puoi visualizzare singoli prodotti anziché l'intera collezione. | |
Titolo | Il titolo della raccolta In primo piano |
25. Portafoglio
Questa sezione ti consente di aggiungere una raccolta di campioni di lavoro, prodotti e altri elementi pertinenti per dimostrare il tuo valore ai clienti.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Portafoglio | ||
Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul browser desktop da 1 colonna a 5 colonne | |
Disposizione della scrivania | Visualizza il layout del desktop: | |
Rapporto immagine | Il rapporto immagine per le immagini sul browser desktop:
| |
Disposizione mobile | ||
Rapporto immagine mobile | Il rapporto immagine per le immagini sul browser mobile:
| |
Numero di colonne su dispositivi mobili | Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne . | |
Abilita lo scorrimento sul cellulare | Imposta la visualizzazione mobile su una riga con scorrimento orizzontale. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Ogni elemento del Portfolio è impostato nel blocco Intestazione .
Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Profilo | ||
Immagine | L'immagine del blocco. | |
Immagine mobile | L'immagine del blocco sul browser mobile. | |
Intestazione | Il titolo del blocco. | |
Testo | Il testo descrive il blocco. | |
Testo a colori | Può regolare i colori del testo e dello sfondo . |
26. Visti di recente
Aiuta i tuoi clienti a trovare i prodotti che avevano precedentemente visitato e spingerli all'acquisto. In questo modo è più facile per i tuoi clienti ritrovarli piuttosto che orientarsi attraverso il menu di navigazione.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Visualizzato recentemente | ||
Numero di prodotti recenti | Il numero di prodotti complementari può variare da 2 a 12. | |
Numero di colonne sul desktop | Personalizza il numero di colonne visualizzate sul browser desktop da 1 colonna a 5 colonne | |
Abilita il carosello sul desktop | Visualizza un carosello di prodotti della collezione su un browser desktop. | |
Disposizione mobile | ||
Numero di colonne su dispositivi mobili | Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne . | |
Abilita lo scorrimento sul cellulare | Imposta la visualizzazione mobile su una riga con scorrimento orizzontale. | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione non supporta l'aggiunta di blocchi.
27. Testo ricco
Puoi aggiungere una sezione di testo RTF con un'intestazione, contenuto del paragrafo e un pulsante per collegare i clienti a una nuova pagina.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Testo ricco | ||
Allineamento dei contenuti del desktop | L'allineamento del contenuto sul desktop: | |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 27.1 Intestazione
- 27.2 Testo
- 27.3 Pulsante
- 27.4 Collegamento
- 27.5 Immagine
- 27.6 Liquido personalizzato
- 27.7 Spazio vuoto
27.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
27.2 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
27.3 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
27.4 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
27.5 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
27.6 Le impostazioni per il blocco liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
27.7 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
28. Testo scorrevole
Questa sezione consente la creazione di testo scorrevole che si muove sullo schermo. Può essere utilizzato per visualizzare molte informazioni in un piccolo spazio, attirare l'attenzione o per altri scopi.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Testo scorrevole | ||
Direzione | Selezionare la direzione di scorrimento desiderata:
| |
Velocità | Determina la velocità del testo scorrevole. Può variare da 0,5/100px a 2,5/100px, aumentando aritmeticamente di 0,1/100px. | |
Spazio orizzontale | La spaziatura tra i testi varia da 50px a 200px, aumentando con incrementi di 5px. | |
Abilita i tendoni gemelli | Visualizza due selezioni contemporaneamente | |
Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. Questa impostazione può essere utilizzata per evidenziare il testo scorrevole. | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- Blocco di testo
- Blocco immagine
28.1 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata da 12px a 180px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Testo dello stampino | Abilita testo stencil. Potrebbe non funzionare in tutti i browser. |
28.2 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Immagine | Seleziona un'immagine per il blocco. | |
Altezza dell'immagine | L'altezza dell'immagine può essere impostata tra 12px e 180px. |
29. Acquista il look
Una sezione che consente ai clienti di interagire con i prodotti o una collezione quando fanno clic su di essi.
L'aspetto di ciascun prodotto in Acquista è impostato nel blocco Prodotto
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Acquista il look | ||
Immagine | L'immagine della sezione sul browser desktop | |
Immagine mobile | L'immagine della sezione sul browser mobile | |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocco disponibile: blocco prodotto
Le impostazioni per il blocco Prodotto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Prodotto | Seleziona il prodotto | Seleziona un prodotto di questo blocco. |
Punto di accesso | ||
Testo | Regola il colore del testo. | |
Posizione verticale | Specifica la distanza tra il punto e il bordo superiore dell'immagine. | |
Posizione orizzontale | Specifica la distanza tra il punto e il bordo sinistro dell'immagine. | |
Disposizione mobile | ||
Posizione verticale | Specifica la distanza tra il punto e il bordo superiore dell'immagine sul browser mobile. | |
Posizione orizzontale | Specifica la distanza tra il punto e il bordo sinistro dell'immagine sul browser mobile. |
30. Presentazione
Puoi aggiungere una presentazione di immagini alla tua home page. Nella sezione della presentazione, puoi impostare l'altezza delle diapositive, aggiungere testo e pulsanti e scegliere se la presentazione viene riprodotta automaticamente. In genere si consiglia un minimo di 3 diapositive per un effetto di transizione graduale.
Nota: a causa dell'utilizzo delle immagini, la presenza di uno slider potrebbe rallentare leggermente il tuo sito web. Quindi puoi usarlo, ma è a tuo rischio e pericolo.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Presentazione | ||
Diapositive con rotazione automatica | Imposta la presentazione per la riproduzione automatica. | |
Cambia diapositiva ogni | Imposta il tempo di transizione della diapositiva da 3 secondi a 9 secondi. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Larghezza del contenuto del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: | |
Disposizione mobile | Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili: blocco diapositiva immagine e blocco diapositiva video
30.1 Le impostazioni per il blocco diapositiva Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | L'immagine che desideri visualizzare. | |
Immagine mobile | Facoltativamente, puoi impostare un'immagine per dispositivi mobili. | |
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Utilizza lo stile del pulsante di contorno | Visualizza lo stile della struttura del pulsante. |
30.1 Le impostazioni per il blocco diapositiva Video.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
video | ||
Video ospitato da Shopify | Sceglie un video dal video ospitato da Shopify | |
Incorpora video dall'URL | Incorpora video dall'URL nel browser desktop. | |
Immagine di copertina | L'immagine visualizzata prima che il cliente riproduca il video. | |
Testo alternativo del video | Descrivi il video per renderlo accessibile ai clienti che utilizzano gli screen reader. | |
Disposizione mobile | ||
Videomobile | inserire un video caricandolo per il browser mobile. | |
Incorpora video dall'URL | Incorpora un video da un URL su un browser mobile. | |
Immagine di copertina del cellulare | L'immagine che viene visualizzata prima che un cliente riproduca il video sul browser del dispositivo mobile. | |
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Utilizza lo stile del pulsante di contorno | Abilita lo stile del pulsante di contorno. |
31. Testimonianze
Quando si tratta di prendere decisioni di acquisto online, le recensioni dei clienti e le testimonianze dei consumatori possono creare o distruggere una vendita. Questa sezione aiuta a creare prove sociali e ad aumentare le conversioni con una sezione di pagina dedicata.
Ogni testimonianza in questa sezione è impostata nel blocco Testimonianze
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili: Blocco testimonianze .
Le impostazioni per il blocco Testimonianze.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testimonianza | ||
Icona | Scegli un'icona predefinita visualizzata proprio sopra il testo della citazione. L'opzione Nessuna disabiliterà l'icona.
| |
Testo | Il tuo testo personalizzato, questa potrebbe essere la recensione del tuo cliente. | |
Autore | Il tuo testo personalizzato, potrebbe essere il nome del cliente. | |
Immagine dell'autore | Questa potrebbe essere l'immagine del tuo cliente per rendere la testimonianza più affidabile. | |
Rapporto immagine | Scegli una delle 3 seguenti opzioni: | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
32. Banner testimonianze
Questa sezione mostra le testimonianze di clienti soddisfatti, spesso utilizzate per creare fiducia e credibilità con i potenziali clienti.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Striscione con testimonianze | ||
Consenti intestazione trasparente | Questa impostazione si applica solo quando questa sezione è la prima. | |
Immagine | L'immagine per la sezione sul browser desktop. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Larghezza del contenuto del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: | |
Disposizione mobile | ||
Immagine mobile | L'immagine per la sezione sul browser mobile. | |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Posizione dei contenuti mobili | Imposta la posizione del contenuto sul browser mobile: | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. La direzione della parallasse può essere scelta tra le 3 seguenti opzioni: | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili: Blocco testimonianze .
Le impostazioni per il blocco Testimonianze.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testimonianza | ||
Icona | Scegli un'icona predefinita visualizzata proprio sopra il testo della citazione. L'opzione Nessuna disabiliterà l'icona.
| |
Testo | Il tuo testo personalizzato, questa potrebbe essere la recensione del tuo cliente. | |
Autore | Il tuo testo personalizzato, potrebbe essere il nome del cliente. | |
Immagine dell'autore | Questa potrebbe essere l'immagine del tuo cliente per rendere la testimonianza più affidabile. | |
Rapporto immagine | Scegli una delle 3 seguenti opzioni:
| |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
33. Cronologia
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Sequenza temporale | ||
Rapporto immagine | Il rapporto immagine per le immagini sul browser desktop:
| |
Rapporto immagine mobile | Il rapporto immagine per le immagini sul browser mobile:
| |
Intestazione | ||
Intestazione | Il titolo della sezione. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extragrande . | |
Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocco disponibile: blocco contenuto .
Le impostazioni per il blocco Contenuto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Contenuto | ||
Immagine | L'immagine per il blocco sul browser desktop. | |
Immagine mobile | L'immagine per il blocco sul browser mobile. | |
Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
Intestazione | Testo di grandi dimensioni per il titolo del blocco. | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo | Aggiunta del testo. Abbina il testo a un'immagine per concentrarti sul prodotto, sulla collezione o sul post del blog che hai scelto. Aggiungi dettagli su disponibilità, stile o fornisci anche una recensione. | |
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
34. Video
Una sezione che visualizza un video.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
video | Consenti intestazione trasparente | Questa impostazione si applica solo quando questa sezione è la prima. |
Video ospitato da Shopify | video | Sceglie un video dal video ospitato da Shopify. |
Incorpora video dall'URL | ||
URL | Il collegamento YouTube o Vimeo al video. Il video deve essere disponibile al pubblico. | |
Immagine di copertina | L'immagine visualizzata prima che un cliente riproduca il video sul browser desktop. | |
Testo alternativo del video | Descrivi il video per renderlo accessibile ai clienti che utilizzano gli screen reader. | |
Abilita la riproduzione automatica del video | Riproduzione automatica del video. L'audio dei video viene disattivato automaticamente per consentire la riproduzione automatica. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Disposizione mobile | ||
Videomobile | Scegli/carica un video caricandolo per il browser mobile. | |
Oppure incorpora video dall'URL | Incorpora un video da un URL su un browser mobile. | |
Immagine di copertina del cellulare | L'immagine che viene visualizzata prima che un cliente riproduca il video sul browser del dispositivo mobile. | |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione a larghezza intera | Rendi il contenitore a tutta larghezza. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione non supporta l'aggiunta di blocchi.
35. Eroe del video
Visualizza un banner di grandi dimensioni composto da un video in background e una casella di testo con pulsanti.
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Eroe del video | Consenti intestazione trasparente | Questa impostazione si applica solo quando questa sezione è la prima. |
Video ospitato da Shopify | video | Sceglie un video dal video ospitato da Shopify. |
Incorpora video dall'URL | ||
URL | Il collegamento YouTube o Vimeo al video. Il video deve essere disponibile al pubblico. | |
Immagine di copertina | L'immagine visualizzata prima che il cliente riproduca il video. | |
Testo alternativo del video | Descrivi il video per renderlo accessibile ai clienti che utilizzano gli screen reader. | |
Abilita la riproduzione automatica del video | Riproduzione automatica del video. L'audio dei video viene disattivato automaticamente per consentire la riproduzione automatica. | |
Larghezza del contenuto del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: | |
Disposizione mobile | ||
Videomobile | Scegli/carica un video caricandolo su un browser mobile. | |
Oppure incorpora video dall'URL | Incorpora un video dall'URL su un browser mobile. | |
Immagine di copertina del cellulare | L'immagine che viene visualizzata prima che un cliente riproduca il video sul browser del dispositivo mobile. | |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione a larghezza intera | Rendi il contenitore a tutta larghezza. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili: blocco scorrevole .
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Diapositiva | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
36. Video con sovrapposizione di testo
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Sovrapposizione di testo video | ||
Consenti intestazione trasparente | Questa impostazione si applica solo quando questa sezione è la prima | |
video | Carica o incorpora un video su un browser desktop. | |
Immagine di copertina | L'immagine per la sezione sul browser desktop. | |
Testo alternativo del video | Descrivi il video per renderlo accessibile ai clienti che utilizzano gli screen reader. | |
Abilita la riproduzione automatica del video | Riproduzione automatica del video. L'audio dei video viene disattivato automaticamente per consentire la riproduzione automatica. | |
Abilita il looping video | Riproduzione ripetuta del video. | |
Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
| |
Larghezza del contenuto del desktop | Determina la larghezza dell'immagine quando viene visualizzata sul desktop: | |
Posizione del contenuto del desktop | Imposta la posizione del contenuto sul desktop: | |
Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop: | |
Disposizione mobile | ||
Videomobile | Carica o incorpora un video su un browser desktop. | |
Immagine di copertina del cellulare | Immagine di copertina della sezione sul browser mobile. | |
Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
| |
Posizione dei contenuti mobili | Imposta la posizione del contenuto sul browser mobile: | |
Allineamento dei contenuti mobili | Imposta l'allineamento del contenuto sul browser mobile: | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- 36.1 Intestazione
- 36.2 Sottotitolo
- 36.3 Testo
- 36.4 Pulsante
- 36.5 Collegamento
- 36.6 Immagine
- 36.7 Liquido personalizzato
- 36.8 Spazio vuoto
36.1 Le impostazioni per il blocco Titolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Intestazione | ||
Intestazione | Il titolo del blocco. | |
Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Extralarge . | |
Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
36.2 Le impostazioni per il blocco Sottotitolo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Sottotitolo | ||
Sottotitolo | Il sottotitolo dell'intestazione. | |
Dimensione del sottotitolo | Dimensione della sottovoce:
| |
Usa il colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
36.3 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Testo | Aggiunta del testo. | |
Dimensione del testo | La dimensione del testo può essere impostata su una delle seguenti opzioni: L'opzione personalizzata ti consente di impostare la dimensione del testo su qualsiasi valore desideri, da 12px a 128px, aumentando aritmeticamente di 2 px. | |
Carattere del testo | Scegli tra 2 opzioni per la formattazione del testo: Corpo o Intestazione . | |
Usa il colore secondario | Abilita colore secondario. | |
Testo evidenziato | ||
Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
|
36.4 Le impostazioni per il blocco Button.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Pulsante | ||
Etichetta del pulsante | Il testo visualizzato sul pulsante. | |
Collegamento pulsante | L'URL del pulsante. | |
Dimensione del pulsante | Regola la dimensione del pulsante in 3 opzioni: Piccolo, Medio o Grande | |
Utilizza lo stile del pulsante di contorno | Utilizza lo stile di struttura per il pulsante. |
36.5 Le impostazioni per il blocco Link.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Collegamento | ||
Testo | Il testo del collegamento, che si trova proprio accanto al pulsante. | |
Collegamento | Aggiungi l'URL che desideri collegare. |
36.6 Le impostazioni per il blocco Immagine.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Immagine | ||
Immagine | Seleziona un'immagine per il blocco. | |
Larghezza dell'immagine | Sceglie una delle due opzioni di larghezza dell'immagine:
|
36.7 Le impostazioni per il blocco liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
36.8 Le impostazioni per il blocco Spazio vuoto.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Spazio vuoto | ||
Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 40 px. | |
Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0 px a 120 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
D. Gruppo piè di pagina
Un gruppo di sezioni nella parte inferiore della pagina che in genere contiene informazioni sul sito Web, come l'avviso sul copyright, le informazioni di contatto del sito Web e i collegamenti alle pagine dei social media.
1. Piè di pagina
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Piè di pagina | ||
Registrazione tramite e-mail Iscritti aggiunti automaticamente all'elenco dei clienti "marketing accettato" Ulteriori informazioni . | Abilita per mostrare la registrazione via e-mail. | |
Intestazione | Il titolo della sezione. | |
Titolo | Aggiunge il tuo testo per visualizzare la descrizione. | |
Icone dei social media | Mostra le icone dei social media | Visualizza le icone dei social media che hai configurato nelle impostazioni del tema . |
Segui su Shop | Abilita Segui nel negozio | Abilita per mostrare Segui nel Negozio. |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Può regolare l'imbottitura nell'imbottitura superiore e nell'imbottitura inferiore da 0px a 120px, aumentando aritmeticamente di 4px. | ||
Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Blocchi disponibili:
- Logo
- Menù
- Testo
- Informazioni sul marchio
1.1 Le impostazioni per il blocco Logo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Logo | ||
Immagine | Scegli/carica un'immagine del logo. | |
Altezza dell'immagine | Regola l'altezza del logo, da 0px a 200px, aumentando aritmeticamente di 4px. | |
Mostra le icone dei social media | Visualizza le icone dei social media che hai configurato nelle impostazioni del tema . | |
Abilita Segui nel negozio | Visualizza Segui su Shop. |
1.2 Le impostazioni per il blocco Menu.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Menù | ||
Intestazione | Facoltativo, titolo del blocco. | |
Scegli un menù | Scegli un menu da visualizzare. Visualizza solo le voci di menu di livello superiore. | |
Larghezza della colonna | Regola la larghezza della colonna, da 15px a 95px, aumentando aritmeticamente di 1px. |
1.3 Le impostazioni per il blocco Testo.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Testo | ||
Intestazione | Facoltativo, titolo del blocco. | |
Testo | Aggiunge il tuo testo per visualizzare la descrizione. | |
Larghezza della colonna | Imposta la larghezza della colonna dal 15% al 95% della larghezza della sezione. |
1.4 Le impostazioni per il blocco Informazioni sul marchio.
Impostazioni di blocco | Impostazioni | Descrizione |
---|---|---|
Informazioni sul marchio | ||
Intestazione | Facoltativo, titolo del blocco. | |
Slogan n.1 | Aggiunge un breve testo. (per esempio: le missioni, i valori dell'azienda, le vendite uniche, ecc.) | |
Collegamento alla tagline n. 1 | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sull'immagine. | |
Slogan n.2 | Aggiunge un breve testo. | |
Collegamento alla tagline n.2 | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sull'immagine. | |
Slogan #3 | Aggiunge un breve testo. | |
Collegamento alla tagline n.3 | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sull'immagine. | |
Slogan #4 | Aggiunge un breve testo. | |
Collegamento alla tagline n.4 | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sull'immagine. | |
Larghezza della colonna | Regola la larghezza della colonna, da 15px a 95px, aumentando aritmeticamente di 1px. |
2. Diritto d'autore del piè di pagina
Impostazioni della sezione | Impostazioni | Descrizione |
---|---|---|
Selettore della lingua | Abilita il selettore della lingua Per aggiungere una lingua, vai alle impostazioni della lingua . | Abilita la visualizzazione del selettore della lingua |
Selettore paese/regione | Abilita il selettore del paese/regione Per aggiungere un paese/regione, vai alle impostazioni del mercato . | Abilita per visualizzare il selettore del paese/regione |
Collegamenti politici | Mostra collegamenti alle norme Per aggiungere le norme del negozio, vai alle impostazioni delle norme . | Abilita per mostrare i collegamenti alle policy. |
Modalità di pagamento | ||
Mostra le icone di pagamento | Abilita per mostrare le icone di pagamento. | |
Utilizza icone monocromatiche | Abilita la visualizzazione delle icone monocromatiche. | |
Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
Sezione | ||
Mostra divisore di sezione | Visualizza un divisore di linea sopra questa sezione | |
Rendi la sezione stretta | Rende il contenitore stretto. | |
Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
Abilita l'effetto parallasse | Abilita l'effetto parallasse, che crea l'illusione della profondità in un'immagine o scena bidimensionale. | |
CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. |
Questa sezione non supporta l'aggiunta di blocchi.
3. Sezioni disponibili nel gruppo Piè di pagina
Questa sezione ti consente di aggiungere più sezioni dal seguente elenco, in base allo scopo dell'impostazione della pagina.
- Liquido personalizzato
- Registrazione tramite e-mail
- Spazio vuoto
- Multicolonna con icone
- Testo ricco
- Testo scorrevole
In questo articolo vengono utilizzati nomi di marchi noti come Shopify, Google Maps per illustrare i concetti trattati, non per scopi pubblicitari.