La pagina della password viene visualizzata quando la protezione tramite password è abilitata sul tuo negozio online e un cliente tenta di visitare il tuo sito web. Questa pagina ha tre gruppi di sezioni principali. Intestazione , modello e piè di pagina della password . Ognuno di essi contiene più sezioni. È possibile aggiungere una sezione con blocchi.
Questo articolo fornisce una panoramica di tutte le sezioni e i blocchi nella pagina Password predefinita.
Su questa pagina
1. Intestazione della password
L'intestazione di questa pagina contiene solo la sezione dell'intestazione della password.
| Impostazioni della sezione | Impostazioni | Descrizione |
|---|---|---|
| Intestazione trasparente | ||
| Colore del testo | Il colore del testo. | |
| Testo del pulsante | Il colore del testo del pulsante. | |
| Sfondo del pulsante | Il colore dello sfondo del pulsante. | |
| Gradiente di sfondo | Il colore del gradiente dello sfondo. | |
| Apparire | ||
| Testo | Il colore del testo. | |
| Sfondo | Il colore dello sfondo. | |
| 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. | |
| Sovrapposizione | Il colore della sovrapposizione. | |
| 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 0px a 120px, aumentando aritmeticamente di 4px. | |
| CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. | |
Nessun blocco può essere aggiunto a questa sezione.
2. Gruppo modelli
Per impostazione predefinita, il modello di questa pagina contiene solo la sezione Banner di registrazione tramite posta elettronica.
Puoi aggiungere fino a 30 ulteriori sezioni nell'elenco Aggiungi sezione .
| Impostazioni della sezione | Impostazioni | Descrizione |
|---|---|---|
| Banner di registrazione via e-mail | ||
| Consenti intestazione trasparente | Consente di consentire l'intestazione trasparente. Questa impostazione si applica solo quando questa sezione è la prima. | |
| Consenti piè di pagina trasparente | Consente di consentire l'intestazione trasparente. Questa impostazione si applica solo quando questa sezione è l'ultima. | |
| Immagine | Scegli/carica un'immagine di sfondo per la sezione. | |
| 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 | Scegli/carica un'immagine di sfondo per la sezione su dispositivo 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 a larghezza intera | Rende il contenitore a tutta larghezza. | |
| 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:
- 1.1 Intestazione
- 1.2 Testo
- 1.3 Pulsante
- 1.4 Collegamento
- 1.5 Immagine
- 1.6 Modulo
- 1.7 Icone dei social media
- 1.8 Spazio vuoto
- 1.9 Liquido personalizzato
1.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:
|
1.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 2px. | |
| 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:
|
1.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. |
1.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. |
1.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:
|
1.6 Le impostazioni per il blocco Modulo.
Nessuna impostazione personalizzabile disponibile.
1.7 Le impostazioni per il blocco delle icone dei social media.
Per visualizzare i tuoi account sui social media, collegali nelle impostazioni del tema .
1.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 0px a 120px, aumentando aritmeticamente di 4px. L'impostazione predefinita è 40px. | |
| Altezza mobile | Determina l'altezza dello spazio vuoto quando visualizzato su dispositivo mobile. Può variare da 0px a 120px, aumentando aritmeticamente di 4px. L'impostazione predefinita è 28px. |
1.9 Le impostazioni per il blocco liquido personalizzato.
Puoi aggiungere il tuo codice Liquid per creare un blocco personalizzato.
3. Piè di pagina della password
Il piè di pagina di questa pagina contiene solo la sezione del piè di pagina della password.
| Impostazioni della sezione | Impostazioni | Descrizione |
|---|---|---|
| Piè di pagina trasparente Aggiungi una sezione sull'ultima posizione che consente un piè di pagina trasparente come una presentazione o un'immagine con sovrapposizione di testo. | Colore del testo | Il colore del testo. |
| 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 0px a 120px, aumentando aritmeticamente di 4px. | |
| CSS personalizzato | Aggiunge CSS personalizzato a questa sezione. | |
Nessun blocco può essere aggiunto a questa sezione.
Speriamo che questo articolo sia stato utile. Se hai domande o dubbi su questa funzionalità, non esitare a contattare il nostro team per ricevere supporto.
