Sezioni per Express

Il contenuto del tema viene creato utilizzando le sezioni, blocchi di contenuto personalizzabili che determinano il layout e l'aspetto di diverse pagine del negozio online. Puoi aggiungere, rimuovere, modificare e personalizzare le sezioni utilizzando l'editor del tema aggiornato.

I temi di Shopify hanno i tipi di sezioni seguenti:

  • Sezioni statiche: sezioni visualizzate in posizioni predeterminate nel negozio online. Queste sezioni non possono essere rimosse o riorganizzate e possono includere header, footer, sezioni di navigazione o di contenuto su pagine come pagine del prodotto e di collezione. Ad esempio, la sezione Prodotto determina l'aspetto di ciascuna pagina del prodotto nel negozio online.
  • Sezioni dinamiche: sezioni facoltative che puoi utilizzare per personalizzare il layout della home page. Nella home page del negozio puoi aggiungere, riorganizzare e rimuovere le sezioni dinamiche per creare il layout della pagina. Sulla tua home page puoi avere fino a 25 sezioni dinamiche.

Puoi scoprire l'esclusiva selezione di sezioni Express e come personalizzarle in base alle esigenze della tua attività.

Sezioni statiche

Express include le sezioni statiche seguenti:

Sezioni dinamiche

Express include le sezioni dinamiche seguenti:

L'header del tema è la sezione che appare nella parte superiore di ogni pagina del tuo negozio.

Nell'header puoi personalizzare i seguenti elementi:

  • loghi
  • Barra degli annunci
  • Menu
  • Cerca
  • Stili header

Aggiungi un logo personalizzato

Puoi aggiungere all'header del tuo negozio un logo personalizzato. Il formato migliore è un file .png con sfondo trasparente. La larghezza massima del logo è 180 px. Puoi ridimensionare l'immagine del logo aumentando o diminuendo la larghezza.

Se non aggiungi un'immagine del logo, viene mostrato il nome del negozio come testo. Puoi modificare il nome del negozio sulla pagina delle Impostazioni generali all'interno del pannello di controllo Shopify.

  • Larghezza logo personalizzato: la larghezza del logo. - Allineamento logo: l'allineamento del logo nell'header. Seleziona A sinistra o Al centro.
  1. Clicca su Header. 2. Nell'area Immagine del logo clicca su Seleziona immagine, quindi esegui una delle azioni seguenti: * Per selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, clicca sulla scheda Libreria. * Per selezionare un'immagine dal computer locale, clicca su Libreria > Carica. 3. Utilizza le impostazioni per personalizzare le dimensioni e il posizionamento del logo. 4. Clicca su Salva.

Aggiungi una barra degli annunci

Nell'header puoi aggiungere una barra degli annunci, che può essere utilizzata per mostrare un messaggio ai clienti. Il messaggio è personalizzabile e può includere informazioni di contatto, informazioni su eventi o vendite del negozio, oppure uno slogan del negozio stesso.

  1. Clicca su Header.
  2. Nell'area Barra degli annunci seleziona Mostra annuncio.
  3. Inserisci il testo dell'annuncio.
  4. Facoltativo: inserisci un URL per aggiungere un link all'annuncio. (Versione 1.11.0+)
  5. Facoltativo: dal menu Icona seleziona un'icona da visualizzare nella barra degli annunci. L'icona avrà lo stesso colore del messaggio di annuncio.
  6. Per cambiare il colore di sfondo della barra degli annunci, clicca sul campione di colore Barra e scegli un colore.
  7. Per cambiare il colore del testo dell'annuncio, clicca sul campione di colore Testo e scegli un colore.
  8. Clicca su Salva.

Aggiungi un menu

Puoi aggiungere un menu all'header. Verranno visualizzati tutti i link del menu nell'header, che possono essere utilizzati per evidenziare le pagine più comuni a cui i clienti desiderano accedere. Ad esempio, puoi aggiungere un menu contenente link alle collezioni.

  1. Clicca su Header.

  2. Per selezionare un menu, clicca su Cambia. Seleziona un menu dall'elenco o clicca su Crea menu per crearne uno nuovo.

  3. Per modificare il menu, clicca su modifica menu.

  4. Clicca su Salva.

Abilita ricerca

Puoi aggiungere un'opzione di ricerca all'header, in modo che i clienti possano rapidamente individuare gli articoli nel tuo negozio.

  1. Clicca su Header.
  2. Seleziona Mostra ricerca.
  3. Clicca su Salva.

Utilizza colori secondari per l'header

Puoi selezionare l'opzione Abilita sfondo secondario e colore del testo per utilizzare lo sfondo secondario e il colore del testo nell'header.

Il footer del tema è la sezione che appare in fondo a ogni pagina del tuo negozio. Puoi aggiungere le seguenti funzionalità al footer:

  • icone dei metodi di pagamento
  • un menu
  • iscrizione alla newsletter
  • una sezione di testo con informazioni sulla tua attività commerciale
  • icone dei social media
  • selettore lingua

Aggiungi le icone di pagamento

Puoi mostrare le icone dei metodi di pagamento che accetti nel footer. Questa area mostra le icone associate al gestore dei pagamenti che hai abilitato nella sezione impostazioni di pagamento del pannello di controllo.

  1. Fai clic su Footer.

  2. Seleziona Mostra icone di pagamento.

  3. Clicca su Salva.

Aggiungi un menu, un'iscrizione alla newsletter o un testo

  1. Fai clic su Footer.

  2. Per aggiungere un blocco di contenuto, clicca su Aggiungi contenuto nella sezione Contenuto. Seleziona il tipo di blocco tra le seguenti tipologie:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

Puoi aggiungere fino a 4 blocchi di contenuto.

Per rimuovere un blocco di contenuto, clicca sul blocco, quindi su Rimuovi contenuto.

Per personalizzare un blocco di contenuto, clicca sul blocco e modifica le impostazioni.

  1. Clicca su Salva.

Aggiungi le icone dei social media

  1. Clicca su Impostazioni tema.

  2. Clicca su Social media.

    1. Per caricare un'immagine per condivisione social, nell'area Immagine per condivisione social clicca su Seleziona immagine o Esplora immagini gratuite.
  3. Per aggiungere pulsanti di condivisione sui social ai tuoi prodotti e agli articoli del blog, seleziona una o più delle seguenti opzioni:

- Condividi su Facebook - Twitta su Twitter - Pinna su Pinterest (non disponibile per la condivisione di articoli sul blog)

  1. Per aggiungere link ai tuoi account sui social media, inseriscili nei campi disponibili sotto Account. Inserisci link completi, come https://instagram.com/shopify o https://twitter.com/shopify.

    1. Per modificare lo stile dei pulsanti di condivisione, seleziona Completamente brandizzato o Solo il logo dal menu Stile pulsante.
  2. Clicca su Salva.

Aggiungi un selettore lingua

Dovrai aggiungere un selettore di lingua solo se hai abilitato più lingue del negozio.

  1. Clicca su Sezioni.

  2. Fai clic su Footer.

  3. Sotto Selettore di lingua, seleziona Mostra selettore lingua.

  4. Clicca su Salva.

Prodotto

La pagina del prodotto compare quando un acquirente clicca su un prodotto di una collezione in evidenza. Mostra la descrizione, il prezzo, le varianti e le immagini del prodotto. Puoi scegliere se indirizzare gli utenti a una nuova pagina o mostrare i dettagli del prodotto in sovrapposizione sull'home page. Questa impostazione è controllata dalle impostazioni del tema. Quando la funzione Mostra pagine del prodotto in sovrapposizione è abilitata, se un prodotto viene selezionato da una collezione in evidenza la pagina del prodotto viene mostrata in sovrapposizione.

Se hai abilitato il ritiro locale e la funzionalità Mostra pagine di prodotto in sovrapposizione è disabilitata, questa sezione mostrerà anche la disponibilità di ritiro del prodotto.

La sezione Prodotto include le impostazioni seguenti:

  • Mostra selettore quantità: consenti agli utenti di specificare una quantità da aggiungere al carrello.
  • Mostra fornitore: mostra il brand o il fornitore del prodotto nella pagina del prodotto. Affinché vengano mostrati il brand o il fornitore, devi aggiungere un fornitore al prodotto.
  • Mostra il pulsante di check-out dinamico: consenti ai clienti di saltare il carrello e passare direttamente al check-out dalla sezione del prodotto in primo piano.
  • Mostra pagine del prodotto in sovrapposizione: seleziona questa opzione per mostrare i dettagli del prodotto in sovrapposizione sulla pagina attuale. Questa sovrapposizione è visualizzata quando un prodotto viene selezionato da una collezione in evidenza.
  • Mostra i pulsanti per la condivisione sui social: mostra i pulsanti che i clienti possono utilizzare per condividere i tuoi prodotti sui social media. Questi pulsanti sono controllati dalle impostazioni del tema.

Modifica le impostazioni di prodotto

  1. Clicca su Prodotto.
  2. Usa le impostazioni per personalizzare la pagina del prodotto.
  3. Clicca su Salva.

Mostra disponibilità di ritiro

Versione 1.11.0+

Express ti consente di mostrare ai clienti se un prodotto nel tuo negozio online è disponibile per il ritiro locale. Nella pagina di ogni prodotto, la sezione della disponibilità di ritiro indica se il prodotto è disponibile e l'intervallo di tempo previsto per il ritiro. L'informazione viene mostrata solo se l'opzione Mostra pagine di prodotto in sovrapposizione è disabilitata.

Per utilizzare questa funzionalità, devi configurare il ritiro locale. Se è abilitato, la funzionalità è sempre visibile sulle pagine dei prodotti e non può essere disabilitata.

Dopo aver abilitato il ritiro locale, la pagina del prodotto mostra se il prodotto è disponibile per il ritiro in una sede di ritiro locale. Queste informazioni vengono visualizzate solo per i prodotti stoccati in almeno una sede di ritiro e per i quali hai selezionato Questo è un prodotto fisico nella sezione Spedizioni dei dettagli di una variante di prodotto.

Per selezionare l'opzione Questo è un prodotto fisico su una variante di prodotto, effettua le operazioni seguenti:

  1. Dal tuo pannello di controllo Shopify, vai su Prodotti > Tutti i prodotti.

  2. Seleziona un prodotto.

  3. In Varianti, seleziona una variante.

  4. In Spedizioni seleziona Questo è un prodotto fisico.

  5. Clicca su Salva.

Se hai abilitato il ritiro locale solo per una sede, la posizione e la disponibilità di ritiro vengono visualizzate per quella sede. I clienti possono cliccare su Visualizza i dettagli del negozio per maggiori informazioni sulla sede di ritiro.

Se hai abilitato il ritiro locale per più di una sede, la sezione disponibilità di ritiro visualizza la posizione e la disponibilità di ritiro per la sede più vicina al cliente, in base al suo indirizzo IP. Quando il cliente clicca su Verifica disponibilità in altri negozi, l'elenco delle sedi di ritiro viene ordinato a distanza da lui.

Se la sede del cliente non può essere determinata dal suo indirizzo IP, la sezione disponibilità di ritiro visualizza la posizione e la disponibilità di ritiro in ordine alfabetico, prima per città e poi per nome della sede. Supponiamo, ad esempio, che tu abbia tre sedi di ritiro: "Queen Street" a Toronto, "Front Street" a Toronto e "Alberni Street" a Vancouver. La sezione disponibilità di ritiro mostrerebbe i dettagli di "Front Street" a Toronto.

Raccomandazioni sui prodotti

È possibile visualizzare i prodotti consigliati nelle pagine del prodotto per consentire ai clienti di scoprire con facilità altri prodotti interessanti per loro.

Se l'opzione Mostra pagine del prodotto in sovrapposizione è abilitata nella tua pagina del prodotto, i prodotti sono visualizzati in sovrapposizione sulla pagina attuale quando vi si accede da questa sezione.

Abilita le raccomandazioni sui prodotti

  1. Seleziona Pagine del prodotto.

  2. Clicca sulla sezione Raccomandazioni sui prodotti.

  3. Seleziona Mostra raccomandazioni dinamiche per mostrare i prodotti raccomandati sulle tue pagine del prodotto.

  4. Facoltativo: per modificare il titolo visualizzato sopra i prodotti consigliati inseriscine uno nuovo nel campo Titolo.

    1. Facoltativo: se vuoi consentire ai clienti di aggiungere prodotti al carrello direttamente dalla sezione Raccomandazioni sui prodotti, seleziona Abilita il pulsante "Acquisto rapido".
    2. Facoltativo: per mostrare o nascondere i fornitori nelle descrizioni dei prodotti utilizza la casella di spunta Mostra fornitore.
  5. Clicca su Salva.

Modello per la collezione

La sezione Modello per la collezione è la parte personalizzabile principale delle pagine di collezione.

Questa sezione include le impostazioni seguenti:

  • Mostra immagine collezione: mostra l'immagine della collezione nella parte superiore della pagina di collezione.
  • Mostra descrizione collezione: mostra la descrizione della collezione nella parte superiore della scheda della pagina di collezione. (Versione 1.11.0+)
  • Mostra fornitori prodotto: mostra il brand o il fornitore del prodotto sulla scheda del prodotto.

Personalizza le pagine di collezione

  1. Seleziona Collezione.
  2. Clicca sulla sezione Modello per la collezione.
  3. Utilizza le impostazioni per personalizzare la sezione del modello per la collezione.
  4. Clicca su Salva.

Versione 1.11.0+

Puoi creare un banner che includa un'immagine, un testo e un pulsante personalizzati che colleghino a un'altra parte del tuo negozio. Inoltre, puoi utilizzarne uno per mettere in evidenza il tuo brand o una collezione specifica oppure per pubblicizzare una promozione.

Impostazioni

  • Immagine: aggiungi un'immagine da includere nella sezione. Puoi caricare un'immagine, utilizzare un'immagine caricata in precedenza o selezionare un'immagine d'archivio gratuita di Burst.
  • Titolo: aggiungi il testo principale al banner.
  • Dimensione del titolo: seleziona la dimensione del testo del titolo.
  • Descrizione: aggiungi una descrizione al banner.
  • Etichetta pulsante: aggiungi il testo che desideri visualizzare sul pulsante.
  • Link pulsante: imposta l'URL o la pagina a cui desideri collegare il pulsante. Incolla l'URL o seleziona una pagina dal menu. Se non desideri includere un pulsante nel banner, lascia vuoto questo campo.

Opzioni layout

  • Altezza banner: seleziona l'altezza della sezione del banner.
  • Larghezza banner: seleziona la larghezza della sezione del banner.
  • Allineamento immagine: seleziona l'allineamento dell'immagine nella sezione.
  • Allineamento casella di testo: seleziona l'allineamento della casella di testo nella sezione.

    Se la casella di testo è allineata a sinistra o a destra, il testo sarà allineato a sinistra. Se invece la casella di testo è allineata al centro, anche il testo lo sarà.

Impostazioni del colore

  • Sfondo casella di testo: seleziona il colore della casella di testo.
  • Testo: seleziona il colore del titolo e del pulsante del banner. La descrizione del banner utilizza il colore del corpo del testo del tema, che può essere modificato nelle impostazioni del tema.

Aggiungi una sezione del banner

  1. Clicca su Aggiungi sezione.
  2. Clicca su Banner, quindi su Seleziona.
  3. Utilizza le impostazioni per personalizzare la sezione del banner.
  4. Clicca su Salva.

Collezioni in evidenza

Puoi presentare più collezioni in un'unica sezione sulla tua home page. Le collezioni vengono visualizzate come schede accessibili ai clienti.

Quando un cliente aggiunge nel proprio carrello uno o più prodotti di una collezione in evidenza, la quantità di prodotto aggiunta al carrello viene visualizzata come badge sul prodotto.

Una sezione con collezioni in primo piano che contiene più collezioni. I nomi delle collezioni vengono visualizzati come schede cliccabili nella parte superiore della sezione.

La sezione delle collezioni in evidenza include le impostazioni seguenti:

  • Collezione: scegli le collezioni che vuoi includere nella sezione Collezioni in evidenza.
  • Dimensioni elenco collezione: scegli il numero di prodotti da mostrare per impostazione predefinita. Questa impostazione si applica a tutte le collezioni nella sezione Collezioni in evidenza. - Piccolo: 6 prodotti

    • Medio: 18 prodotti
    • Grande: 36 prodotti
  • Stile immagine: scegli in che modo ritagliare le immagini del prodotto delle collezioni. Questa impostazione si applica a tutte le collezioni nella sezione.

  • Abilita il pulsante "Acquisto rapido": aggiungi un'opzione per consentire ai clienti di aggiungere prodotti al carrello direttamente dalla sezione Collezioni in evidenza.

  • Mostra immagine collezione: mostra l'immagine della collezione nella parte superiore della scheda della collezione in evidenza. (Versione 1.11.0+)

  • Mostra descrizione collezione: mostra la descrizione della collezione nella parte superiore della scheda della collezione in evidenza. (Versione 1.11.0+)

Aggiungi una sezione delle collezioni in evidenza alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Collezioni in evidenza, quindi su Seleziona.
  3. Nell'area contenuto, seleziona il blocco di una Collezione o clicca su Aggiungi collezione.
  4. Clicca su Seleziona collezione.
  5. Dall'elenco Collezione seleziona la collezione che desideri mostrare nella scheda, quindi clicca su Seleziona.

    Per aggiungere una collezione, clicca sul link Aggiungi collezione per aprire la pagina Crea collezione in una nuova scheda.

    Per aggiungere o rimuovere prodotti dalla collezione selezionata, clicca sul link Modifica collezione, aprendo così la pagina Collezioni in una nuova scheda.

  6. Ripeti i passaggi precedenti per aggiungere più collezioni alla sezione.

  7. Clicca su Salva.

Sezione "prodotto in primo piano"

Sulla tua home page puoi mettere in evidenza un prodotto. Questo è un ottimo modo per promuovere un nuovo prodotto o un prodotto in vendita. I clienti possono visualizzare le immagini del prodotto aggiuntive utilizzando le frecce sinistra e destra sotto l'immagine.

La sezione "prodotto in primo piano" include le seguenti impostazioni:

  • Prodotto: scegli il prodotto che desideri mettere in primo piano nella home page.
  • Mostra selettore quantità: consenti agli utenti di specificare una quantità da aggiungere al carrello.
  • Mostra fornitore: mostra il brand del prodotto o il fornitore nella sezione del prodotto in primo piano. Affinché vengano mostrati il brand o il fornitore, devi aggiungere un fornitore al prodotto.
  • Mostra i pulsanti di check-out dinamico: consenti ai clienti di saltare il carrello e passare direttamente al check-out dalla sezione del prodotto in primo piano.
  • Mostra i pulsanti per la condivisione sui social: mostra i pulsanti che i clienti possono utilizzare per condividere i tuoi prodotti sui social media. Questi pulsanti sono controllati dalle impostazioni del tema.
  • Stile immagine: scegli se aggiungere un ritaglio di forma quadrata o circolare alle immagini del prodotto in primo piano.

Aggiungi una sezione del prodotto in primo piano

  1. Clicca su Aggiungi sezione.
  2. Clicca su Prodotto in primo piano, quindi su Seleziona.
  3. Usa le impostazioni per personalizzare la sezione "prodotto in primo piano".
  4. Clicca su Salva.

Contenuto personalizzato

Nella sezione Contenuto personalizzato, puoi raggruppare più blocchi di contenuto. La larghezza e l'allineamento di ciascun blocco possono essere regolati in modo da creare un layout personalizzato.

La sezione contenuto personalizzato include le seguenti impostazioni:

  • Titolo: il titolo della sezione.

  • Layout dispositivo mobile: il layout dei blocchi quando il tuo negozio viene visualizzato da un dispositivo mobile. Scegli tra le seguenti opzioni:

    • Griglia: i blocchi fino al 50% della larghezza vengono visualizzati nella stessa riga. I contenitori di larghezza superiore al 50% vengono visualizzati nella loro riga.
    • Pila: ogni blocco appare nella sua riga.
    • Cursore: i blocchi vengono compressi in una singola sezione con stile presentazione. I clienti possono cliccare sulle frecce di navigazione per visualizzare ulteriori blocchi.

Puoi scegliere tra i seguenti tipi di blocco.

Tipi di blocco contenuto personalizzato
Tipo di blocco Impostazioni
Testo

Titolo: aggiungi un titolo al blocco di testo.

Testo: aggiungi e formatta il tuo testo personalizzato.

Etichetta pulsante: aggiungi un pulsante con un'etichetta di testo al blocco.

Link pulsante: aggiungi il testo che desideri visualizzare sul pulsante.

Dimensione testo: imposta le dimensioni del testo.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Allineamento orizzontale: imposta la posizione orizzontale del contenuto nel blocco.

Immagine

Immagine: aggiungi un'immagine da visualizzare nel blocco. Puoi caricare un'immagine, utilizzare un'immagine caricata in precedenza o selezionare un'immagine d'archivio gratuita di Burst.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Prodotto

Prodotto: scegli un prodotto da mettere in evidenza nel blocco. Verranno visualizzati il nome, l'immagine e il prezzo del prodotto. Se il prodotto non dispone di immagine, nel blocco verrà visualizzato il suo titolo.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Se l'opzione Mostra pagine del prodotto in sovrapposizione è abilitata nella tua pagina del prodotto, i prodotti sono visualizzati in sovrapposizione sulla pagina attuale quando vi si accede da questa sezione.

Collezione

Collezione: scegli una collezione da mettere in evidenza nel blocco. Verranno visualizzati il titolo della collezione e l'immagine in evidenza. Se l'immagine in evidenza non è presente, verrà visualizzata un'immagine del primo prodotto nella collezione. Se i prodotti nella collezione non dispongono di immagini, nel blocco verrà visualizzato il titolo della collezione.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Menu

Menu: seleziona un menu da visualizzare nel blocco.

Titolo: aggiungi un titolo per il menu.

Larghezza contenitore: imposta la larghezza del blocco.

Allineamento verticale: imposta la posizione verticale del contenuto nel blocco.

Allineamento orizzontale: imposta la posizione orizzontale del contenuto nel blocco.

Aggiungi del contenuto personalizzato alla tua home page

  1. Clicca su Aggiungi sezione.

  2. Clicca su Contenuto personalizzato, quindi su Seleziona.

  3. Seleziona e configura i blocchi contenuto che vuoi includere nella sezione.

  4. Clicca su Salva.

Immagine con testo

Con Express, puoi aggiungere un'immagine con testo, collocato a destra o a sinistra dell'immagine. Puoi anche aggiungere un pulsante con il link a un'altra pagina.

Puoi utilizzare una sezione immagine con testo per pubblicizzare un prodotto o una collezione specifica.

La sezione "immagine con testo" include le seguenti impostazioni:

  • Immagine: aggiungi un'immagine da includere nella sezione. Puoi caricare un'immagine, utilizzare un'immagine caricata in precedenza o selezionare un'immagine d'archivio gratuita di Burst.
  • Titolo: aggiungi il testo principale da associare all'immagine.
  • Testo: aggiungi il testo secondario da associare all'immagine. Questo testo viene visualizzato sotto il testo del titolo.
  • Etichetta pulsante: aggiungi il testo che desideri visualizzare sul pulsante.
  • Link pulsante: imposta l'URL o la pagina a cui desideri collegare il pulsante. Incolla l'URL o seleziona una pagina dal menu. Se non vuoi includere un pulsante nella sezione, lascia vuoto questo campo.

Opzioni layout

  • Desktop: scegli se l'immagine presente nella sezione debba apparire a sinistra o a destra nella visualizzazione da un computer desktop. Per mostrare l'immagine a sinistra, seleziona Prima l'immagine.
  • Mobile: scegli se l'immagine presente nella sezione debba apparire per prima o per seconda quando viene visualizzata in un dispositivo mobile.
  • Sfondo secondario: scegli se aggiungere un colore di sfondo secondario alla sezione. Seleziona Parziale per aggiungere il colore di sfondo ai tre quinti della sezione in alto. Il colore può essere modificato nelle impostazioni del tema.
  • Dimensione del testo: scegli le dimensioni del titolo e del testo nella sezione.
  • Mantieni rapporto immagine: seleziona questa opzione per evitare che l'immagine selezionata sia ritagliata. Se questa opzione resta deselezionata, l'immagine verrà ritagliata in un quadrato.
  • Abilita colore del testo secondario: seleziona questa opzione per utilizzare il colore del testo dello sfondo secondario per titolo e testo. Il colore può essere modificato nelle impostazioni del tema.

Aggiungi una sezione di immagine con testo alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Immagine con testo, quindi su Seleziona.
  3. Nell'area Immagine, clicca su Seleziona immagine, quindi esegui una delle azioni seguenti: - Se vuoi selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, clicca sulla scheda Libreria.
  4. Per selezionare un'immagine d'archivio dalla raccolta di immagini di scorte Burst, clicca sulla scheda Immagini gratuite. Qui puoi inserire un termine di ricerca o consultare le categorie di immagini.
  5. Per selezionare un'immagine dal tuo computer, clicca sulla scheda Libreria, quindi clicca su Carica.

  6. Usa le impostazioni per personalizzare la sezione.

  7. Clicca su Salva.

Multicolonna

Versione 1.11.0+

Con Express, puoi aggiungere una sezione con più colonne di contenuto. Puoi aggiungere fino a quattro colonne a ogni sezione multicolonna.

La sezione multicolonna include le impostazioni seguenti:

Impostazioni di colonna

  • Immagine: aggiungi un'immagine alla colonna.
  • Titolo: aggiungi il testo principale alla colonna.
  • Testo: aggiungi il testo secondario alla colonna.

Impostazioni di sezione

  • Titolo: aggiungi il testo principale della sezione.
  • Etichetta pulsante: aggiungi il testo che desideri visualizzare sul pulsante.
  • Link pulsante: imposta l'URL o la pagina a cui desideri collegare il pulsante. Incolla l'URL o seleziona una pagina dal menu. Se non vuoi includere un pulsante nella sezione, lascia vuoto questo campo.

Opzioni layout

  • Allineamento: seleziona l'allineamento per gli elementi in ogni colonna.
  • Layout dispositivo mobile: scegli se sui dispositivi mobili le colonne della sezione devono essere visualizzate in un elenco o in una griglia.
  • Dimensioni immagine: seleziona le dimensioni delle immagini nelle colonne.
  • Mantieni proporzioni dell'immagine: seleziona questa opzione per evitare che le immagini selezionate vengano ritagliate. Se non la selezioni, le immagini verranno ritagliate in forma quadrata.
  • Abilita sfondo secondario e colore del testo: seleziona questa opzione per utilizzare il colore del testo di sfondo secondario per i titoli e il testo e il colore di sfondo secondario per la sezione. I colori possono essere modificati nelle impostazioni del tema.

Aggiungi una sezione multicolonna alla home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Multicolonna*, quindi su **Seleziona.
  3. Per aggiungere una colonna alla sezione, clicca su Add column (Aggiungi colonna).
  4. Per aggiungere contenuti alla colonna, clicca sulla colonna nella sezione Contenuto.
  5. Usa le impostazioni per personalizzare la sezione.
  6. Clicca su Salva.

Pagina

Versione 1.10.0+

Puoi mettere in evidenza il contenuto Rich text di una pagina sulla home page. Puoi utilizzare questa sezione per mettere in evidenza il contenuto di una pagina con le informative del negozio o di una pagina Chi siamo.

Questa sezione utilizza sempre il modello di pagina predefinito, anche se viene applicato un modello diverso. Ad esempio, se aggiungi alla sezione una pagina Contattaci che utilizza un modello page.contact, i campi interattivi di questo modello non verranno visualizzati sulla home page. Tutte le informazioni che aggiungi alle caselle Titolo e Contenuto della pagina vengono visualizzate nella sezione.

Aggiungere una sezione di pagina alla tua home page

  1. Clicca su Aggiungi sezione.
  2. Clicca su Pagina, quindi su Seleziona.
  3. Nell'area Pagina clicca su Seleziona pagina.
  4. Seleziona la pagina di cui desideri mostrare il contenuto, quindi clicca su Seleziona. Puoi selezionare solo le pagine attualmente visibili. Se devi creare una nuova pagina, seleziona Crea pagina.
  5. Clicca su Salva.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis