Salta ai contenuti
GloboGlobo Docs
Installa l’app
Italiano

Elenco link

Aggiungi una colonna di link, il classico blocco del mega menu, con icone, immagini e badge facoltativi.

Riferimento Tutti i piani 2 min di lettura

Un titolo e un elenco di link, suddivisi in una o più colonne. Usalo per categorie, marchi, taglie o qualsiasi elenco di pagine.

Aggiungi il blocco

  1. Scegli un layout

    Nel pannello del mega menu dell’anteprima, fai clic su Aggiungi blocco. Fai clic su Elenco link, passa il mouse su un layout e fai clic su Seleziona.

    (1) Fai clic su Elenco link, (2) scegli un layout.

  2. Fai clic su Aggiungi voci sotto l’elenco nell’anteprima o nell’elenco Elementi. Fai clic sul blocco per aprire Modifica voce e compila ogni link; fai clic su Rimuovi per eliminarne uno.

    Il blocco Elenco link nell'anteprima, con le impostazioni in Modifica voce.

  3. Salva e pubblica

    Fai clic su Salva, poi su Pubblica.

Layout

La scheda Elenco link parte con quattro layout speciali: Hover image links, Feature list, Feature list row e Button. Vedi Hover image links, Feature list e Pulsante. I layout classici dell’elenco di link sono:

2 colonne
Un titolo con i link suddivisi in 2 colonne.
3 colonne
Un titolo con i link suddivisi in 3 colonne.
Semplice
Un titolo con una colonna di link.
Link con icona
Un’icona davanti a ogni link.
Link con immagine
Una piccola immagine davanti a ogni link.

Impostazioni

Blocco

LarghezzaPredefinito: Dipende dal layout
Quanta parte della riga del mega menu occupa il blocco: Automatico oppure dall’8,33% al 100%.
Numero di colonnePredefinito: 1 (2 o 3 per i layout a colonne)
Distribuisce i link su un numero di colonne da 1 a 6.
Colore di sfondoPredefinito: Trasparente
Sfondo dell’intero blocco.
VisibilitàPredefinito: Disattivata
Nascondi su desktop, Nascondi su mobile, Nascondi se hai effettuato l’accesso, Mostra solo se hai effettuato l’accesso, Pianifica la pubblicazione. Vedi Impostazioni comuni a tutti i blocchi.
Nome classe extraPredefinito: Vuoto
Sotto Avanzate. Una classe CSS per il CSS personalizzato.
È un'intestazione
Applica al link lo stile di titolo di colonna. Un titolo senza link viene mostrato come testo semplice.
Icona
Un’icona mostrata prima del link. Vedi Icone delle voci di menu.
Larghezza icona
Compare quando l’icona è un’immagine caricata: Automatico o Personalizzato (%, px, em o rem).
Titolo
Il testo del link.
Link
Cerca una pagina, un prodotto, una collezione o un articolo del blog, oppure incolla un URL. Seleziona Apri in una nuova scheda per aprirlo in una nuova scheda.
Icona immagine / Larghezza immagine
Nei layout con immagini, come Link con immagine: la piccola immagine davanti al link e le sue dimensioni (Automatico o Personalizzato).
Descrizione
Una breve riga di testo sotto il link.
BadgePro
Una piccola etichetta, come “Novità” o “Saldi”, accanto al link. Attiva Attiva/disattiva il badge, poi imposta Titolo del badge, Colore del testo del badge e Colore di sfondo del badge.

Suggerimenti

  • Metti un link con È un’intestazione in cima a ogni elenco.
  • Chiudi l’elenco con un link Visualizza tutto che punti all’intera collezione.

Questa pagina ti è stata utile?

Segnala un problema