Sezioni statiche per Brooklyn

Brooklyn include sezioni che appaiono in ogni pagina del tuo negozio online. Scopri come personalizzare queste sezioni per adattarle alla tua attività.

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

Con Brooklyn, puoi aggiungere all'header i seguenti elementi:

  • Logo
  • Menu di navigazione
  • Barra degli annunci

Puoi anche modificare il colore dei link e delle icone dell'header.

Se vuoi abilitare l'header trasparente nella tua home page, puoi selezionare un logo e dei colori separati per l'header della tua home page.

Aggiungi un logo personalizzato

  1. Accanto a Brooklyn, clicca su Personalizza.

  2. Clicca su Header.

  3. Nell’area Immagine logo clicca su Seleziona immagine, quindi procedi in uno di questi modi:

- Se vuoi selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, clicca sulla scheda Libreria. - Per usare un'immagine d'archivio gratuita di Burst, clicca su Immagini gratuite. - Per selezionare un'immagine dal tuo computer locale, clicca su Libreria > Carica.

  1. Usa il dispositivo di scorrimento Larghezza logo personalizzato per personalizzare la larghezza del logo.

  2. Clicca su Salva.

Personalizza le impostazioni di navigazione

Puoi personalizzare le seguenti impostazioni di navigazione:

  • Tipo di ricerca - Imposta lo stile della funzione di ricerca nell'header.
  • Menu - Imposta il menu visualizzato nell'header.
  • Menu aggiuntivo - Aggiungi un menu secondario al menu sidebar. Se il menu principale occupa troppo spazio, viene visualizzato un menu sidebar al posto del menu header. Puoi trovare maggiori informazioni in Suggerimenti per Brooklyn.
  • Abilita ricerca - Mostra una barra di ricerca nel menu sidebar.
  1. Accanto a Brooklyn, clicca su Personalizza.

  2. Clicca su Header.

  3. Nell'area Navigazione, modifica le impostazioni di navigazione.

  4. Clicca su Salva.

Aggiungi una barra degli annunci

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Dal pannello di controllo Shopify passa a <strong>Negozio online</strong> &gt; <strong>Temi</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li></ol></div>
</div>



1. Accanto a **Brooklyn**, clicca su **Personalizza**.
  1. Clicca su Sezioni.

  2. Clicca su Header.

  3. Nell'area Barra degli annunci, seleziona Mostra annuncio. Seleziona Solo home page per mostrare solo il messaggio di annuncio sulla home page.

  4. Inserisci il testo dell'annuncio nel campo Testo.

    1. Facoltativo: inserisci un URL nel campo link per aggiungere un link al tuo annuncio.
  5. Per cambiare il colore di sfondo della barra degli annunci, clicca sul campione di colore Barra e scegli un colore.

  6. Per cambiare il colore del testo dell'annuncio, clicca sul campione di colore Testo e scegli un colore.

  7. Clicca su Salva.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Dal pannello di controllo Shopify passa a <strong>Negozio online</strong> &gt; <strong>Temi</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li></ol></div>
</div>



1. Accanto a **Brooklyn**, clicca su **Personalizza**.
  1. Clicca su Sezioni.

  2. Clicca su Header.

  3. Clicca sul campione di colore Link e icone e scegli un colore.

  4. Clicca su Salva.

Abilita l'header trasparente

Se desideri mostrare il logo e il testo dell'header su una presentazione nella home page, puoi abilitare l'header trasparente. Devi selezionare questa opzione solo se la sezione superiore del tuo negozio è una presentazione.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Dal pannello di controllo Shopify passa a <strong>Negozio online</strong> &gt; <strong>Temi</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li></ol></div>
</div>



1. Accanto a **Brooklyn**, clicca su **Personalizza**.
  1. Clicca su Sezioni.

  2. Clicca su Header.

  3. Nell'area Header trasparente seleziona Abilita intestazione trasparente nella homepage.

  4. Facoltativo: nell'area Logo trasparente, clicca su Seleziona immagine, quindi procedi in uno di questi modi:

- Se vuoi selezionare un'immagine che hai già caricato nel pannello di controllo Shopify, fai clic sulla scheda Libreria. - Per usare un'immagine d'archivio gratuita di Burst, clicca su Immagini gratuite. - Per selezionare un'immagine dal tuo computer locale, clicca su Libreria > Carica.

  1. Per modificare il colore dei link e delle icone, clicca sul campione di colore Link e icone header trasparente e scegli un colore.

  2. Clicca su Salva.

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
  • selettore lingua
  • selettore di valuta
  • un menu

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. Accanto a Brooklyn, clicca su Personalizza.

  2. Clicca su Sezioni.

  3. Fai clic su Footer.

  4. Seleziona Mostra icone di pagamento.

  5. Clicca su Salva.

Aggiungi un menu

Puoi aggiungere un menu al footer. In questo modo, vengono visualizzati nel footer tutti i link del menu, che potranno essere utilizzati per evidenziare le pagine comuni a cui i tuoi clienti desiderano accedere. Ad esempio, puoi aggiungere un menu con link alla pagina dei contatti, alla pagina delle informazioni sulla spedizione e all'informativa sulla privacy.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Desktop</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Dal pannello di controllo Shopify passa a <strong>Negozio online</strong> &gt; <strong>Temi</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Sull&#39;<a href="https://www.shopify.com/install/detect">app Shopify</a>, seleziona <strong>Negozio</strong>.
</li><li>Nella sezione <strong>Canali di vendita</strong>, tocca <strong>Negozio online</strong>.
</li><li>Tocca <strong>Gestisci temi</strong>.
</li></ol></div>
</div>



1. Accanto a **Brooklyn**, clicca su **Personalizza**.
  1. Clicca su Sezioni.

  2. Fai clic su Footer.

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

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

  5. Clicca su Salva.

Aggiungi un selettore lingua

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

  1. Accanto a Brooklyn, clicca su Personalizza.

  2. Clicca su Sezioni.

  3. Fai clic su Footer.

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

  5. Clicca su Salva.

Aggiungi un selettore di valuta

Devi aggiungere un selettore di valuta solo se hai abilitato più valute.

  1. Accanto a Brooklyn, clicca su Personalizza.

  2. Clicca su Sezioni.

  3. Fai clic su Footer.

  4. Sotto selettore di valuta, seleziona Mostra selettore di valuta.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis