In Be Yours puoi aggiungere sezioni a qualsiasi pagina. Ci sono alcune sezioni predefinite che appaiono su ogni pagina, come la barra degli annunci, l'intestazione e il piè di pagina.
Su questa pagina
- Barra degli annunci
- Intestazione
- Piè di pagina
- I post del blog
- Collage
- Elenco delle raccolte
- Modulo di Contatto
- Conto alla rovescia
- Liquido personalizzato
- Registrazione tramite e-mail
- Spazio vuoto
- FAQ
- Prodotto presentato
- Collezione in primo piano
- Garanzie
- Bandiera dell'immagine
- Immagine con testo
- Immagine con sovrapposizione di testo
- Immagini sovrapposte con testo
- Guardare un libro
- Carta geografica
- Multicolonna
- Pagina
- Citazioni
- Rivela lo striscione
- Testo ricco
- Presentazione
- Testimonianze
- Collage di schede
- video
- Apparire
- Prodotti visionati recentemente
- Eroe del video
Barra degli annunci
La barra degli annunci ti consente di comunicare informazioni importanti ai tuoi clienti da qualsiasi pagina. È possibile personalizzare fino a 6 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
| Collocamento | Descrizione |
|---|---|
| Mostra solo sulla home page | Visualizza il messaggio di annuncio solo sulla home page. |
| Utilizza lo stile carosello sul desktop | Visualizza gli annunci in stile cursore a un elemento sul desktop. Sui dispositivi mobili, questo stile è il layout predefinito. |
Impostazioni stile carosello
| Collocamento | Descrizione |
|---|---|
| Annunci a rotazione automatica | Imposta il carosello per la riproduzione automatica. Ciò aggiunge anche un pulsante di attivazione/disattivazione della riproduzione. |
| Cambia annunci ogni | Scegli la frequenza con cui modificare gli annunci. |
| Mostra la navigazione | Visualizza i pulsanti di navigazione. |
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore del testo dell'annuncio. |
| Sfondo | Cambia il colore dello sfondo della barra degli annunci. |
Blocco degli annunci
| Collocamento | Descrizione |
|---|---|
| Testo | L'annuncio che desideri mostrare ai tuoi clienti. |
| Collegamento | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sulla barra degli annunci. |
Intestazione
L'intestazione viene visualizzata su tutte le pagine del tema.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Immagine del logo | Il logo per il tuo negozio. |
| Altezza logo personalizzato | L'altezza del logo (in pixel). Da 30px a 120px. Il valore predefinito è 50 px. |
| Posizione del logo sul desktop | Dove il logo viene visualizzato nell'intestazione quando un cliente visualizza il sito su uno schermo di grandi dimensioni, ad esempio un desktop.
|
| Menù | Il menu da utilizzare per il menu principale. |
| Abilita il menu a discesa | Visualizza il menu in stile a discesa. Per sapere come impostare il mega menu, consulta questo articolo. |
| Mostra la linea di separazione | Visualizza una riga per separare visivamente l'intestazione dal contenuto della pagina. |
| Abilita intestazione fissa | Visualizza nuovamente l'intestazione quando il cliente scorre indietro. Scompare quando il cliente scorre verso il basso. |
| Peso delle icone | Imposta lo spessore delle icone dell'intestazione da visualizzare. Lo spessore aumenta corrispondendo da Extra-light a Extra-bold |
Impostazioni dell'intestazione trasparente
| Collocamento | Descrizione |
|---|---|
| Abilita sulla home page | Abilita l'intestazione trasparente sulla home page. |
| Abilita nelle pagine di raccolta | Abilita l'intestazione trasparente sulle pagine di raccolta. |
| Pagine personalizzate | Il menu le cui voci sono collegate alle pagine per le quali vuoi abilitare l'intestazione trasparente. Per ulteriori istruzioni, seguire questo articolo . |
| Mostra la linea di separazione | Visualizza una riga per separare visivamente l'intestazione dal contenuto della pagina. |
| Colore del testo | Cambia il colore del testo sull'intestazione trasparente. |
| Immagine del logo | Utilizza questo logo sulle pagine in cui è abilitata l'intestazione trasparente. |
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore del testo dell'intestazione. Questa impostazione non viene applicata all'intestazione trasparente. |
| Linee | Cambia il colore delle linee di intestazione, incluso il separatore. Questa impostazione non viene applicata all'intestazione trasparente. |
| Sfondo | Cambia il colore dello sfondo dell'intestazione. Questa impostazione non viene applicata all'intestazione trasparente. |
Piè di pagina
Il piè di pagina viene visualizzato su tutte le pagine del tema.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Mostra registrazione e-mail | Include un modulo di iscrizione via email in cui i clienti possono iscriversi alla tua newsletter e al tuo marketing. |
| Intestazione | Il titolo del modulo di iscrizione tramite posta elettronica Mostra . Se Mostra registrazione e-mail non è abilitato, questo non viene visualizzato. |
| Sottotitolo | Il testo secondario per il modulo di iscrizione tramite posta elettronica Mostra . Se Mostra registrazione e-mail non è abilitato, questo non viene visualizzato. |
| Mostra le icone dei social media | Visualizza le icone per tutte le piattaforme di social media per le quali hai inserito un collegamento al profilo nelle impostazioni del tema. |
| Intestazione | Il titolo delle icone dei social media . Se Mostra icone social media non è abilitato, questo non viene visualizzato. |
| 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. |
| 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. |
| Mostra le icone di pagamento | Visualizza le icone per tutti i metodi di pagamento abilitati nel tuo negozio. |
| Testo aggiuntivo sul copyright | Il testo informa il pubblico che il tuo negozio è protetto da copyright. |
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore del testo del piè di pagina. |
| Intestazione | Cambia il colore dell'intestazione del piè di pagina. |
| Collegamento | Cambia il colore del collegamento a piè di pagina. |
| Linee | Cambia il colore delle linee del piè di pagina. |
| Sfondo | Cambia il colore dello sfondo del piè di pagina. |
Blocco menù
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo del blocco. |
| Menù | Il menu da visualizzare nel blocco. |
Blocco di testo
Il blocco Testo può essere utilizzato per evidenziare informazioni importanti, come dettagli del negozio, promozioni o informazioni di contatto.
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo del blocco. |
| Sottotesto | Il testo da visualizzare nel blocco. |
Blocco immagine
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine da visualizzare nel blocco. |
| Larghezza dell'immagine | Imposta la larghezza dell'immagine. Può essere qualsiasi multiplo di 5, da 50 px a 200 px. L'impostazione predefinita è 100 px. |
| Allineamento delle immagini sul grande schermo | Allinea l'immagine all'interno del blocco:
|
| Collegamento | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sull'immagine. |
| Descrizione | La descrizione dell'immagine. |
I 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
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Blog | Il blog da cui desideri visualizzare i post del blog. Il valore predefinito è il primo blog in ordine alfabetico nella pagina Blog . |
| I post del blog | Il numero di post del blog che desideri visualizzare nella sezione. Massimo: 4 posti. |
| Abilita il pulsante "Visualizza tutto" se il blog include più post del blog di quelli mostrati | 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. |
Impostazioni del layout mobile
| Collocamento | Descrizione |
|---|---|
| Abilita lo scorrimento sul cellulare | Modifica la visualizzazione mobile in una sola riga, dove i clienti possono scorrere lateralmente per visualizzare più post del blog. |
| Abilita una colonna su dispositivi mobili | Modifica la visualizzazione mobile in un post del blog per riga. |
Impostazioni delle schede blog
| Collocamento | Descrizione |
|---|---|
| Mostra l'immagine in primo piano | Visualizza l'immagine in evidenza per il post del blog. Proporzioni immagine consigliate: 2:3. |
| Rapporto immagine | Le proporzioni delle immagini per le immagini dei post del blog:
|
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Cartiglio
| Collocamento | Descrizione |
|---|---|
| Mostra data | Visualizza la data di pubblicazione del post del blog. |
| Mostra autore | Visualizza l'autore del post del blog. |
| Mostra conteggio commenti | Visualizza il numero di commenti pubblicati del post del blog. |
Blocco estratto
Questo blocco mostra l'estratto del post del blog. Non ha impostazioni regolabili.
Ogni post del blog nella sezione Post del blog mostra le prime 55 parole dell'estratto di un post. Se il post del blog non ha un estratto, verranno visualizzate invece le prime 30 parole del post.
Leggi tutto blocco
Questo blocco visualizza il collegamento che porta al post del blog. Non ha impostazioni regolabili.
Seleziona un blog
- Nell'editor del tema, fai clic sul titolo della sezione dei post del blog.
- Nella sezione Blog , fai clic su Modifica .
- Seleziona il blog.
- Fare clic su Seleziona e quindi su Salva
Collage
Puoi creare un collage di video, immagini, prodotti e collezioni. Ogni sezione Collage contiene tre blocchi. Per impostazione predefinita, la sezione contiene un blocco video, prodotto e raccolta.
Per creare un collage di più di tre blocchi, aggiungi ulteriori sezioni di collage sotto la prima e non includere un valore di Intestazione nelle sezioni di collage inferiori. Le sezioni del collage sembreranno confluire come un'unica sezione.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Disposizione della scrivania | Come vengono visualizzati i blocchi sul desktop.
|
| Disposizione mobile | Come vengono visualizzati i blocchi sui dispositivi mobili.
|
| Applica la sovrapposizione sull'immagine | Migliora la leggibilità del testo aggiungendo una sovrapposizione sull'immagine. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco video
| Collocamento | Descrizione |
|---|---|
| Immagine di copertina | L'immagine visualizzata prima che il cliente riproduca il video. |
| URL | Il collegamento YouTube o Vimeo al video. Il video deve essere disponibile al pubblico. |
| Testo alternativo del video | Descrivi il video per renderlo accessibile ai clienti che utilizzano gli screen reader. |
| Titolo del video | L'intestazione del blocco video. |
Blocco prodotto
| Collocamento | Descrizione |
|---|---|
| Prodotto | Il prodotto che desideri visualizzare. |
| Mostra la seconda immagine al passaggio del mouse | Quando un cliente posiziona il cursore sull'immagine del prodotto, viene visualizzata la seconda immagine del prodotto, se il prodotto ne ha una. |
| Abilita visualizzazione rapida | Aggiunge un pulsante che apre un popup che mostra tutti i dettagli essenziali del prodotto. |
Blocco della raccolta
| Collocamento | Descrizione |
|---|---|
| Collezione | La collezione che desideri visualizzare. |
Blocco immagine
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine che desideri visualizzare. |
| Intestazione | Il titolo della colonna. |
| Collegamento | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sull'immagine. |
Elenco delle raccolte
Puoi aggiungere un elenco di raccolte che desideri evidenziare. Puoi aggiungere fino a 12 blocchi di raccolte a un elenco di raccolte.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Rapporto immagine | Le proporzioni delle immagini per le immagini in primo piano delle collezioni:
|
| Applica la sovrapposizione sull'immagine | Migliora la leggibilità del testo aggiungendo una sovrapposizione sull'immagine. |
| Abilita il pulsante "Visualizza tutto" se l'elenco include meno collezioni rispetto all'intero negozio | Se l'elenco delle collezioni ha meno collezioni dell'intero negozio, viene visualizzato un pulsante "Visualizza tutto" che indirizza i clienti all'elenco delle collezioni. |
Impostazioni del layout mobile
| Collocamento | Descrizione |
|---|---|
| Abilita lo scorrimento sul cellulare | Cambia la visualizzazione mobile in una sola riga, dove i clienti possono scorrere lateralmente per vedere più blocchi di raccolta. |
| Abilita una colonna su dispositivi mobili | Modifica la visualizzazione mobile in una raccolta per riga. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Scegli le collezioni
- Dall'editor del tema, fai clic sul blocco Raccolta a cui desideri aggiungere una raccolta.
- Fai clic su Seleziona raccolta .
- Fare clic su una raccolta, quindi su Seleziona .
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 campi:
- Nome
- Email (obbligatorio)
- Commento
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Mostra il numero di telefono | Visualizza l'input per il numero di telefono. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Contatta il blocco stampa
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della colonna. |
| Sottotesto | Il testo da visualizzare nel blocco. |
| Collegamento | Il collegamento a cui vuoi che i clienti indirizzino se fanno clic sul testo. |
Blocco delle icone dei social media
Visualizza le icone per tutte le piattaforme di social media per le quali hai inserito un collegamento al profilo nelle impostazioni del tema.
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della colonna. |
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
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine per la sezione. |
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Disposizione della scrivania | Il layout della sezione sul desktop:
|
| Posizione del contenuto del desktop | Imposta la posizione verticale del contenuto sul desktop:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
| Disposizione mobile | Il layout della sezione sul desktop:
|
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore della casella di testo. |
| Sfondo | Cambia il colore dello sfondo della casella di testo. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Testo di grandi dimensioni per il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco di testo
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo nella sezione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Blocco del conto alla rovescia
| Collocamento | Descrizione |
|---|---|
| Data di fine | Digita la data in cui vuoi che finisca il conto alla rovescia. Il formato deve essere il seguente: mm-gg-aaaa . Ad esempio, se desideri che il conto alla rovescia termini il 9 ottobre 2022, il valore dovrebbe essere 09-10-2022 |
| Dimensione del numero | La dimensione del testo del numero:
|
| Messaggio | Puoi semplicemente impostare il messaggio da visualizzare quando il timer raggiunge lo zero. |
| Dimensione del messaggio | La dimensione del messaggio:
|
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 di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Registrazione tramite e-mail
Puoi aggiungere una sezione in cui i clienti possono inserire il proprio indirizzo email e iscriversi alla tua newsletter o al tuo marketing. Quando un cliente si iscrive, viene creato un account cliente nel tuo pannello di controllo Shopify.
La sezione viene fornita con tre blocchi predefiniti:
- Intestazione
- Sottotitolo
- Modulo di posta elettronica
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
Blocco sottotitolo
| Collocamento | Descrizione |
|---|---|
| Descrizione | La descrizione della sezione. |
Modulo di posta elettronica
Il blocco del modulo e-mail visualizza un campo in cui un cliente può inserire un indirizzo e-mail per iscriversi al tuo marketing. Il blocco non ha impostazioni personalizzabili.
Spazio vuoto
Con questa sezione è possibile personalizzare l'altezza dello spazio verticale tra le sezioni, rispettivamente per diversi dispositivi.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Altezza del tavolo | Determina l'altezza dello spazio vuoto quando visualizzato sul desktop. Può variare da 0 px a 200 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 200 px, aumentando aritmeticamente di 4 px. L'impostazione predefinita è 28 px. |
FAQ
La sezione FAQ (domande frequenti) mostra le domande e le risposte più comuni dei clienti utilizzando un layout dinamico a fisarmonica.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Rendi la sezione stretta | Rende stretto il suo contenitore. |
| Abilita lo sfondo secondario | Aggiunge un colore allo sfondo. Il colore viene interpolato dal colore del testo. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di testo ricco
Utilizza questo blocco per creare sezioni separate di domande.
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo del blocco. |
| Contenuto | Il testo da visualizzare nel blocco. |
Blocco domande
Utilizza questo blocco per aggiungere una casella di risposta espandibile.
| Collocamento | Descrizione |
|---|---|
| Domanda | La domanda per il blocco. |
| Risposta | La risposta per il blocco. |
Prodotto presentato
Puoi aggiungere una sezione che presenta un prodotto specifico.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Prodotto | Il prodotto che desideri presentare nella sezione. |
| Disposizione della scrivania | Il layout della sezione sul desktop:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
| 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 lo zoom dell'immagine | Attiva la funzione di zoom per le immagini principali. |
| Abilita il looping video | Consente di riprodurre nuovamente il video. I clienti devono fare clic per avviare la riproduzione. |
| Rapporto immagine | Questa impostazione è valida solo quando è abilitata l' opzione Abilita immagini a più livelli . Il rapporto immagine per le immagini del prodotto:
|
| Punto focale dell'immagine | Questa impostazione è valida solo quando è abilitata l' opzione Abilita immagini a più livelli . Scegli l'area più importante dell'immagine stratificata in vista. |
| Abilita immagini a strati | Si sovrappone alle immagini posizionate in modo assoluto. Se il prodotto ne ha 4 o più, verranno utilizzate le prime 4 immagini. Altri tipi di media verranno ignorati. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocchi di sezione
In Be Yours, puoi aggiungere i seguenti blocchi nella sezione Prodotto in evidenza .
| Bloccare | Impostazioni | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Testo | Inserisci il testo per il prodotto in evidenza:
| ||||||||||
| Titolo | Visualizza il titolo del prodotto:
| ||||||||||
| Descrizione | Visualizza la descrizione del prodotto. Non ha impostazioni regolabili. | ||||||||||
| Prezzo | Visualizza le informazioni sui prezzi del prodotto, ad esempio il prezzo e il confronto con il prezzo. Non ha impostazioni regolabili. | ||||||||||
| Selettore di varianti | Visualizza eventuali opzioni di variante per il prodotto:
| ||||||||||
| Acquista bottoni | In questo blocco viene visualizzato il pulsante "Aggiungi al carrello" e tutte le informazioni sul ritiro in negozio. Può anche mostrare eventuali pulsanti di pagamento dinamico.
| ||||||||||
| Stato dell'inventario | Visualizza un messaggio che informa tempestivamente i clienti sullo stato delle scorte del prodotto:
| ||||||||||
| Immagine | Visualizza un'immagine personalizzata, ideale per l'immagine del badge di fiducia.
| ||||||||||
| Per saperne di più | Aggiunge un collegamento che indirizza i clienti alla pagina dettagliata del prodotto. | ||||||||||
| Condividere | Consente ai clienti di condividere il prodotto sui propri social media. Non ha impostazioni regolabili. | ||||||||||
| 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. | ||||||||||
| Liquido personalizzato | Aggiungi codice Liquid o HTML personalizzato . | ||||||||||
| Scheda pieghevole | Questo blocco visualizza una scheda comprimibile con un titolo. Quando un cliente fa clic sul titolo, la scheda si espande per visualizzare contenuti aggiuntivi.
| ||||||||||
| Apparire | Questo blocco visualizza il testo cliccabile che apre una finestra pop-up quando si fa clic. Questo popup mostra il contenuto di una delle tue pagine.
| ||||||||||
| Spazio vuoto | Aggiungi spazio vuoto con altezza personalizzata tra i blocchi, rispettivamente su diversi dispositivi. |
Collezione in primo piano
Puoi aggiungere una sezione che mostri i prodotti in una collezione.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Collezione | Da quale collezione desideri visualizzare i prodotti. |
| Numero massimo di prodotti da mostrare | Il numero di prodotti della collezione da visualizzare. Deve essere un numero pari. Minimo: 2. Massimo: 12. |
| Abilita il pulsante "Visualizza tutto" se la collezione ha più prodotti di quelli mostrati | Se la collezione ha più prodotti di quelli impostati nel campo Numero massimo di prodotti da mostrare , viene visualizzato un pulsante "Visualizza tutto" che indirizza i clienti alla pagina della collezione. |
Impostazioni del layout mobile
| Collocamento | Descrizione |
|---|---|
| Abilita lo scorrimento sul cellulare | Cambia la visualizzazione mobile in una sola riga, dove i clienti possono scorrere lateralmente per vedere più prodotti. |
| Visualizza una colonna su dispositivi mobili | Modifica la visualizzazione mobile in un prodotto per riga. |
Impostazioni della scheda prodotto
| Collocamento | Descrizione |
|---|---|
| Rapporto immagine | Il rapporto immagine per le immagini del prodotto:
|
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Mostra la seconda immagine al passaggio del mouse | Quando il cliente posiziona il cursore sull'immagine del prodotto, viene visualizzata la seconda immagine del prodotto, se il prodotto ne ha una. |
| Mostra il pulsante di aggiunta rapida al carrello | Quando il cliente posiziona il cursore sull'immagine del prodotto, viene visualizzato un pulsante di aggiunta rapida al carrello. Se il prodotto ha varianti, il pulsante si collega alla pagina dei dettagli del prodotto. |
| Mostra venditore | Visualizza i fornitori dei prodotti. |
| Mostra la 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. |
| Abilita visualizzazione rapida | Aggiunge un pulsante che apre un popup che mostra tutti i dettagli essenziali del prodotto. |
| Abilita campioni di colore | I campioni di visualizzazione consentono di selezionare rapidamente un colore. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Garanzie
Questa sezione mostra i tuoi impegni per onorare i tuoi clienti.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Disposizione | Ecco come vengono visualizzati i blocchi nella sezione. L'opzione Barra laterale crea un layout con l'intestazione a sinistra, invece che in alto come predefinita. |
| Allineamento delle colonne | L'allineamento delle immagini e del testo all'interno delle colonne:
|
| Abilita lo sfondo secondario | Aggiunge un colore di sfondo. Il colore viene interpolato dal colore del testo. |
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di garanzia
| Collocamento | Descrizione |
|---|---|
| Icona | Scegli un'icona SVG predefinita che si adatti al tuo messaggio. L'opzione Nessuna disabiliterà l'icona. |
| Intestazione | Testo grande per il titolo della casella di testo. |
| Contenuto | Il testo del paragrafo nella colonna. |
Bandiera dell'immagine
La sezione banner immagine supporta una o due immagini e una casella di testo con pulsanti. Se vengono utilizzate due immagini, verranno visualizzate una accanto all'altra sul desktop. Sui dispositivi mobili puoi scegliere se visualizzare le immagini affiancate o in colonna.
Sul desktop, la casella di testo copre parzialmente l'immagine. Sui dispositivi mobili, la casella di testo viene visualizzata sotto l'immagine.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Prima immagine | L'immagine principale per il banner. Se vengono aggiunte due immagini alla sezione, questa immagine verrà visualizzata a sinistra o in alto, a seconda che il cliente utilizzi un desktop o un dispositivo mobile. |
| Seconda immagine | L'immagine secondaria per il banner. Se vengono aggiunte due immagini alla sezione, questa immagine verrà visualizzata a destra o in basso, a seconda che il cliente utilizzi un desktop o un dispositivo mobile. |
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Posizione del contenuto del desktop | Posiziona il contenuto rispetto al banner immagine:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
|
| Mostra contenitore sul desktop | Aggiunge un contenitore per le parti di testo con uno sfondo scuro per una maggiore leggibilità. |
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
Impostazioni del layout mobile
| Collocamento | Descrizione |
|---|---|
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
| Impila immagini sul cellulare | Visualizza le immagini in una colonna verticale sui dispositivi mobili. |
| Mostra il testo sotto le immagini | Il testo viene visualizzato sotto le immagini, anziché giacere sulle immagini. |
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore della casella di testo. |
| Sovrapposizione | Cambia il colore della sovrapposizione. |
| Opacità di sovrapposizione | Oscura le immagini del banner con una sovrapposizione. Utilizza il cursore per impostare l'opacità della sovrapposizione. Il valore predefinito è 30%. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Testo grande per il titolo della casella di testo. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco di testo
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
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
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine per la sezione. |
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Disposizione della scrivania | Il layout della sezione sul desktop:
|
| Posizione del contenuto del desktop | Imposta la posizione verticale del contenuto sul desktop:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Testo di grandi dimensioni per il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco di testo
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo nella sezione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Abilita colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
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
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine per la sezione. |
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Posizione del contenuto del desktop | Imposta la posizione verticale del contenuto sul desktop:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
| Disposizione mobile | Il layout della sezione sul desktop:
|
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore della casella di testo. |
| Sovrapposizione | Cambia il colore della sovrapposizione. |
| Opacità di sovrapposizione | Oscura le immagini del banner con una sovrapposizione. Utilizza il cursore per impostare l'opacità della sovrapposizione. Il valore predefinito è 30%. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Testo di grandi dimensioni per il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco di testo
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo nella sezione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Abilita colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Immagini a strati con testo
Puoi aggiungere una sezione che contiene quattro immagini e un blocco di testo con un pulsante opzionale per collegare i clienti a una nuova pagina. Abbina il testo a quattro immagini 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
| Collocamento | Descrizione |
|---|---|
| Prima immagine | L'immagine principale della sezione. |
| Seconda immagine | L'immagine secondaria per la sezione. |
| Terza immagine | L'immagine terziaria per la sezione. |
| Quarta immagine | L'immagine quaternaria per la sezione. |
| Rapporto immagine | Il rapporto immagine per le immagini del prodotto:
|
| Punto focale dell'immagine | Scegli l'area più importante delle immagini visualizzate. |
| Disposizione della scrivania | Il layout della sezione sul desktop:
|
| Posizione del contenuto del desktop | Imposta la posizione verticale del contenuto sul desktop:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Testo di grandi dimensioni per il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco di testo
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo nella sezione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Abilita colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Guardare un libro
Questa sezione crea segnaposto del prodotto su una bacheca in cui ciascun segnaposto indirizza i clienti ai dettagli del prodotto.
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine per la sezione. |
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Guarda blocco
Puoi avere un massimo di 6 look in una sezione.
| Collocamento | Descrizione |
|---|---|
| Prodotto | Il prodotto che desideri visualizzare. |
| Abilita visualizzazione rapida | Apre un popup che mostra tutti i dettagli essenziali del prodotto, invece di indirizzare i clienti alla pagina dei dettagli del prodotto. |
| Colore | Imposta il colore dell'hotspot. |
| Posizione orizzontale | Specifica la distanza tra il punto e il bordo sinistro dell'immagine. |
| Posizione verticale | Specifica la distanza tra il punto e il bordo superiore dell'immagine. |
Carta geografica
In questa sezione viene visualizzata una mappa di Google che evidenzia la posizione della tua attività.
| Collocamento | Descrizione |
|---|---|
| Indirizzo della mappa | Google troverà la posizione in base a questo valore, quindi ti consigliamo di fornire un indirizzo quanto più dettagliato possibile. |
| Chiave API di Google Maps | Per far funzionare la mappa, devi registrare tu stesso una chiave API di Google Maps. Se non ne hai una, segui queste istruzioni per la registrazione, quindi copia la tua chiave API e incollala qui. |
| Zoom della mappa | La risoluzione della vista corrente. I livelli di zoom consentiti sono compresi tra 12 e 20. Per capire cosa significa, il valore 0 fa sì che il mondo intero sia visibile sulla mappa. |
| Stile della mappa | Stili standard di Google Maps. Per l'anteprima, consulta questa procedura guidata per lo stile . |
| Immagine | L'immagine sostituirà la mappa nel caso in cui Google Maps non venga caricato. |
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Posizione del contenuto del desktop | Imposta la posizione verticale del contenuto sul desktop:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
| Disposizione mobile | Il layout della sezione sul desktop:
|
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore della casella di testo. |
| Sovrapposizione | Cambia il colore della sovrapposizione. |
| Opacità di sovrapposizione | Oscura le immagini del banner con una sovrapposizione. Utilizza il cursore per impostare l'opacità della sovrapposizione. Il valore predefinito è 30%. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Testo di grandi dimensioni per il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco di testo
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo nella sezione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Abilita colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
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
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Rapporto immagine | Il rapporto immagine per le immagini del prodotto:
|
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Allineamento dei contenuti del desktop | L'allineamento delle immagini e del testo all'interno delle colonne sul desktop:
|
Impostazioni del layout mobile
| Collocamento | Descrizione |
|---|---|
| Allineamento dei contenuti mobili | L'allineamento delle immagini e del testo all'interno delle colonne su mobile:
|
| Abilita lo scorrimento sul cellulare | Modifica la visualizzazione mobile in una sola riga, dove i clienti possono scorrere lateralmente per visualizzare più blocchi di colonne. |
| Abilita una colonna su dispositivi mobili | Modifica la visualizzazione mobile in una colonna per riga. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di colonne
Puoi avere un massimo di 12 colonne in una sezione. Se hai blocchi da una, due o tre colonne, verranno visualizzati in una riga sul desktop. Se disponi di quattro o più blocchi di colonne, verranno visualizzati in un layout di due colonne.
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine che desideri visualizzare. |
| Intestazione | Il titolo della colonna. |
| Descrizione | Il testo del paragrafo nella colonna. |
| Etichetta del pulsante | Il testo visualizzato sul pulsante. Se non desideri includere un pulsante nella colonna, lascia vuoto questo campo. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Pagina
Puoi scegliere di visualizzare il contenuto di una pagina personalizzata in una sezione. Ciò porta l'intero contenuto della pagina nella sezione, ma non porta alcun codice Liquid da nessun modello.
La combinazione di colori della sezione utilizza le seguenti impostazioni:
- Per impostazione predefinita, il testo è il colore di Text . Qualsiasi stile specifico applicato al testo nella pagina viene portato nella sezione.
- I collegamenti ipertestuali sono il colore del pulsante Contorno .
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Pagina | La pagina del tuo negozio online che desideri visualizzare. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Rendi la sezione stretta | Rende stretto il suo contenitore. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Citazioni
Le citazioni sono importanti perché consentono ai commercianti di creare fiducia nei clienti mostrando messaggi positivi da parte di clienti precedenti o sostenitori del marchio.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco quote
Utilizza questo blocco per creare sezioni separate di domande.
| Collocamento | Descrizione |
|---|---|
| Icona | Scegli un'icona predefinita visualizzata proprio sopra il testo della citazione. L'opzione Nessuna disabiliterà l'icona.
|
| Citazione | Il tuo testo personalizzato, potrebbe essere la recensione del tuo cliente o il messaggio del tuo brand partner. |
| Autore | Il tuo testo personalizzato, potrebbe essere il nome del cliente o il nome del brand partner. |
Rivela lo striscione
In questa sezione viene visualizzato un banner che nasconde o rivela automaticamente il suo contenuto in base al comportamento di scorrimento.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine per la sezione. |
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
| Mostra il testo sotto l'immagine | Fa sì che le parti di testo si trovino sotto l'immagine invece di sovrapporsi sui dispositivi mobili. |
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore della casella di testo. |
| Sovrapposizione | Cambia il colore della sovrapposizione. |
| Opacità di sovrapposizione | Oscura le immagini del banner con una sovrapposizione. Utilizza il cursore per impostare l'opacità della sovrapposizione. L'impostazione predefinita è 30%. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Aggiungi il testo principale da abbinare alla sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco sottotitolo
| Collocamento | Descrizione |
|---|---|
| Sottotitolo | Aggiungi il testo secondario da abbinare alla sezione. |
| Dimensione del sottotitolo | La dimensione del testo del sottotitolo:
|
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Etichetta del pulsante video | Il testo visualizzato sul pulsante video. |
| URL del video | Il collegamento YouTube o Vimeo al video. Il video deve essere disponibile al pubblico. |
| Testo alternativo del video | Descrivi il video per renderlo accessibile ai clienti che utilizzano gli screen reader. |
Blocco diapositiva di testo
Il blocco di scorrimento del testo verrà visualizzato quando il cliente scorrerà fino in fondo.
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo del blocco. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Descrizione | Visualizza il testo in stile paragrafo nel blocco di testo. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
| Colore del testo | Cambia il colore della casella di testo. |
| Colore di sfondo | Cambia il colore dello sfondo della casella di testo. |
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
| Collocamento | Descrizione |
|---|---|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Rendi la sezione stretta | Rende stretto il suo contenitore. |
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco di testo
Il blocco di testo è un buon modo per condividere informazioni sul tuo marchio con i tuoi clienti. Puoi descrivere i vantaggi dei tuoi prodotti, fare annunci, accogliere i clienti nel tuo negozio o parlare dei valori del tuo marchio.
| Collocamento | Descrizione |
|---|---|
| Descrizione | Testo in stile paragrafo per il contenuto principale della sezione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Abilita colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
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 verrà riprodotta automaticamente. In genere si consiglia un minimo di 3 diapositive per un effetto di transizione graduale.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Tipo di presentazione | Determina l'aspetto della presentazione:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
|
| Diapositive con rotazione automatica | Imposta la presentazione per la riproduzione automatica. |
| Cambia diapositiva ogni | Scegli la frequenza con cui cambiare diapositive. |
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore della casella di testo. |
| Sfondo | Cambia il colore dello sfondo. |
| Sovrapposizione | Nel tipo Legacy , cambia il colore della sovrapposizione sulle immagini. Nel tipo moderno , cambia il colore del contenitore del testo. |
| Opacità di sovrapposizione | Nel tipo Legacy , attenua le immagini del banner con una sovrapposizione. Nel tipo Moderno , oscura il contenitore dei testi. |
| Testo dei pulsanti di navigazione | Cambia il colore delle icone delle frecce nella navigazione. |
| Sfondo dei pulsanti di navigazione | Cambia il colore di sfondo della navigazione. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco diapositiva di immagini
Puoi avere un massimo di 6 diapositive di immagini in una sezione.
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine che desideri visualizzare. |
| Immagine mobile | Facoltativamente, puoi impostare un'immagine per dispositivi mobili. |
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Posizione del contenuto del desktop | Posiziona il contenuto rispetto all'immagine sul desktop:
|
| Sottotitolo | Aggiungi il testo secondario da abbinare all'immagine. Questo testo appare sopra il testo dell'intestazione. |
| Dimensione del sottotitolo | La dimensione del testo del sottotitolo:
|
| Intestazione | Aggiungi il testo principale da abbinare all'immagine. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Descrizione | Aggiungi il testo del paragrafo da abbinare all'immagine. Questo testo appare sotto il testo dell'intestazione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. Se non desideri includere un pulsante nella sezione, lascia vuoto questo campo. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Collage di schede
Puoi creare un collage di video, immagini, prodotti e collezioni in stile scheda. Ciascuna sezione di collage di schede contiene un massimo di 6 blocchi.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Disposizione della scrivania | Il layout della sezione sul desktop:
|
| Posizione del contenuto del desktop | Imposta la posizione verticale del contenuto sul desktop:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza dell'immagine quando viene visualizzata sul desktop:
|
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
| Disposizione mobile | Il layout della sezione sul desktop:
|
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza dell'immagine quando viene visualizzata su dispositivo mobile:
|
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore della casella di testo. |
| Sfondo | Cambia il colore dello sfondo della casella di testo. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco video
| Collocamento | Descrizione |
|---|---|
| Immagine di copertina | L'immagine visualizzata prima che il cliente riproduca il video. |
| URL | Il collegamento YouTube o Vimeo al video. Il video deve essere disponibile al pubblico. |
| Intestazione | Il titolo della colonna. |
| Descrizione | La descrizione della colonna. |
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Blocco prodotto
| Collocamento | Descrizione |
|---|---|
| Prodotto | Il prodotto che desideri visualizzare. |
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Blocco della raccolta
| Collocamento | Descrizione |
|---|---|
| Collezione | La collezione che desideri visualizzare. |
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Blocco immagine
| Collocamento | Descrizione |
|---|---|
| Immagine | L'immagine che desideri visualizzare. |
| Intestazione | Il titolo della colonna. |
| Descrizione | La descrizione della colonna. |
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
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.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Testimonianze a rotazione automatica | Imposta le testimonianze per la riproduzione automatica. |
| Cambia testimonianze ogni | Scegli la frequenza con cui cambiare le testimonianze. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco testimonianze
Utilizza questo blocco per creare sezioni separate di domande.
| Collocamento | Descrizione |
|---|---|
| Icona | Scegli un'icona predefinita visualizzata proprio sopra il testo della testimonianza. L'opzione Nessuna disabiliterà l'icona.
|
| Testimonianza | Il tuo testo personalizzato, questa potrebbe essere la recensione del tuo cliente. |
| Immagine dell'autore | Questa potrebbe essere l'immagine del tuo cliente per rendere la testimonianza più affidabile. |
| Autore | Il tuo testo personalizzato, potrebbe essere il nome del cliente. |
video
Puoi aggiungere una sezione video per incorporare un video da YouTube o Vimeo in una pagina del tuo negozio.
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
| Immagine di copertina | L'immagine visualizzata prima che il cliente riproduca il video. |
| URL | Il collegamento YouTube o Vimeo al video. Il video deve essere disponibile al pubblico. |
| Testo alternativo del video | Descrivi il video per renderlo accessibile ai clienti che utilizzano gli screen reader. |
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Apparire
Visualizza i messaggi sul sito in popup per chiedere ai tuoi visitatori/clienti di eseguire un abbonamento e-mail.
La sezione è composta da 6 blocchi:
- Intestazione
- Sottotitolo
- Testo
- Pulsante
- Icone dei social media
- Notiziario
- Barra galleggiante
Impostazioni della sezione
| Collocamento | Descrizione |
|---|---|
| Modalità display | Scegli la modalità adatta alle tue esigenze:
|
| Mostra solo sulla home page | Visualizza il popup solo nella home page. |
| Mostra solo per i visitatori | Visualizza il popup solo ai visitatori. È nascosto agli utenti registrati. |
| Ritardo | Il tempo di ritardo in secondi per la visualizzazione del popup. |
| Frequenza | Numero di giorni prima che ricompaia un popup ignorato. |
| Larghezza popup | La larghezza in pixel del popup. |
| Imbottitura del contenuto | Lo spessore in pixel dello spazio interno del popup. |
| Allineamento dei contenuti | Imposta l'allineamento del contenuto:
|
| Immagine | L'immagine per il popup. Per soddisfare le linee guida interstitial di Google per una migliore SEO, l'immagine non viene visualizzata sui dispositivi mobili. |
| Posizione del desktop | La posizione dell'immagine rispetto al contenuto popup:
|
| Colore: testo | Cambia il colore dei testi. |
| Colore: bordi | Cambia il colore dei bordi, compresi i bordi dei pulsanti e le sottolineature. |
| Colore: sfondo | Cambia il colore dello sfondo del popup. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco sottotitolo
| Collocamento | Descrizione |
|---|---|
| Sottotitolo | Il titolo della sezione |
| Dimensione del sottotitolo | La dimensione del testo del sottotitolo:
|
Blocco di testo
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo nella sezione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Abilita colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. Lasciare vuota l'etichetta per nascondere il pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Blocco delle icone dei social media
Visualizza le icone per tutte le piattaforme di social media per le quali hai inserito un collegamento al profilo nelle impostazioni del tema. Non ha impostazioni regolabili.
Blocco newsletter
Il blocco newsletter visualizza un campo in cui un cliente può inserire un indirizzo email per iscriversi al tuo marketing.
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo nella sezione. |
| Utilizza lo stile del pulsante di contorno | Utilizza lo stile struttura per il pulsante. |
| Rendi il pulsante a larghezza intera | Espande il pulsante per tutta la larghezza del popup invece di posizionarlo accanto alla casella di testo. |
Blocco barra flottante
Il blocco della barra mobile mostra una barra verticale fissa a sinistra o a destra dello schermo che consente ai tuoi acquirenti di aprire il popup facendo clic sulla barra.
| Collocamento | Descrizione |
|---|---|
| Intestazione | L'intestazione della barra. È possibile fare clic per aprire il popup. |
| Mostra le icone dei social media | Include icone per qualsiasi piattaforma di social media per la quale hai inserito un collegamento al profilo nelle impostazioni del tema. |
| Posizione del contenuto | Imposta la posizione della barra degli strumenti:
|
| Colore | Cambia il colore dell'intestazione e delle icone dei social media. |
| Disabilita sul cellulare | Fa apparire la barra degli strumenti solo sul desktop. |
Prodotti visionati recentemente
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
| Collocamento | Descrizione |
|---|---|
| Intestazione | Il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Impostazioni del layout mobile
| Collocamento | Descrizione |
|---|---|
| Abilita lo scorrimento sul cellulare | Modifica la visualizzazione mobile in una sola riga, dove i clienti possono scorrere lateralmente per vedere più prodotti. |
| Visualizza una colonna su dispositivi mobili | Modifica la visualizzazione mobile in un prodotto per riga. |
Impostazioni della scheda prodotto
| Collocamento | Descrizione |
|---|---|
| Rapporto immagine | Il rapporto immagine per le immagini del prodotto:
|
| Punto focale dell'immagine | Scegli l'area più importante dell'immagine in vista. |
| Mostra la seconda immagine al passaggio del mouse | Quando il cliente posiziona il cursore sull'immagine del prodotto, viene visualizzata la seconda immagine del prodotto, se il prodotto ne ha una. |
| Mostra il pulsante di aggiunta rapida al carrello | Quando il cliente posiziona il cursore sull'immagine del prodotto, viene visualizzato un pulsante di aggiunta rapida al carrello. Se il prodotto ha varianti, il pulsante si collega alla pagina dei dettagli del prodotto. |
| Mostra venditore | Visualizza i fornitori dei prodotti. |
| Mostra la 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. |
| Abilita visualizzazione rapida | Aggiunge un pulsante che apre un popup che mostra tutti i dettagli essenziali del prodotto. |
| Abilita campioni di colore | I campioni di visualizzazione consentono di selezionare rapidamente un colore. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
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
| Collocamento | Descrizione |
|---|---|
| URL | Il collegamento YouTube o Vimeo al video. Il video deve essere disponibile al pubblico. Puoi anche inserire il collegamento diretto al tuo file video MP4. |
| Posizione del contenuto del desktop | Posiziona il contenuto rispetto al banner immagine:
|
| Allineamento dei contenuti del desktop | Imposta l'allineamento del contenuto sul desktop:
|
| Altezza del tavolo | Determina l'altezza del video quando viene visualizzato su desktop:
|
| Mostra contenitore sul desktop | Sul desktop, riduce la sovrapposizione video affinché diventi il contenitore del contenuto testuale per una maggiore leggibilità. |
| Rendi la sezione a larghezza intera | Rende la sezione pari all'intera larghezza della finestra del browser. |
Impostazioni del layout mobile
| Collocamento | Descrizione |
|---|---|
| Allineamento dei contenuti mobili | Imposta l'allineamento dei contenuti su mobile:
|
| Altezza mobile | Determina l'altezza del video quando viene visualizzato su dispositivo mobile:
|
| Mostra il testo sotto le immagini | Il testo viene visualizzato sotto il video, invece di trovarsi sopra. |
Impostazioni del colore della sezione
| Collocamento | Descrizione |
|---|---|
| Testo | Cambia il colore della casella di testo. |
| Sovrapposizione | Cambia il colore della sovrapposizione. |
| Opacità di sovrapposizione | Imposta l'opacità della sovrapposizione. |
Impostazioni di riempimento della sezione
| Collocamento | Descrizione |
|---|---|
| Imbottitura superiore | Determina l'altezza dello spazio interno superiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
| Imbottitura inferiore | Determina l'altezza dello spazio interno inferiore della sezione. Può variare da 0 px a 100 px, aumentando aritmeticamente di 4 px. |
Blocco di rotta
| Collocamento | Descrizione |
|---|---|
| Intestazione | Testo di grandi dimensioni per il titolo della sezione. |
| Dimensione dell'intestazione | La dimensione del testo dell'intestazione:
|
Blocco di testo
| Collocamento | Descrizione |
|---|---|
| Descrizione | Visualizza il testo in stile paragrafo nella sezione. |
| Descrizione dimensione | La dimensione del testo della descrizione:
|
| Abilita colore secondario | Applica un colore leggermente più chiaro in base al colore del testo. |
Blocco pulsanti
| Collocamento | Descrizione |
|---|---|
| Etichetta del pulsante | Il testo visualizzato sul pulsante. |
| Collegamento pulsante | L'URL a cui desideri collegare il pulsante. |
| Utilizza lo stile del pulsante sottolineato | Utilizza lo stile di sottolineatura per il pulsante. |
Share:
Tipi di pagina disponibili in Be Yours
Abilita intestazione trasparente sulle pagine personalizzate