Salta ai contenuti
GloboGlobo Docs
Installa l’app
Italiano

Hover image links

Mostra un elenco di link accanto a una grande immagine che cambia quando i clienti passano il mouse su ciascun link.

Riferimento Tutti i piani 2 min di lettura

Un elenco di link accanto a una grande immagine che cambia con l’immagine di ciascun link al passaggio del mouse. Usalo per anticipare visivamente le categorie (“Novità”, “Più venduti”, “Saldi”) senza occupare lo spazio di una griglia di immagini completa.

Aggiungi il blocco

  1. Scegli il layout

    Nel pannello del mega menu dell’anteprima, fai clic su Aggiungi blocco. Fai clic su Elenco link, passa il mouse su Hover image links e fai clic su Seleziona. Parte con il titolo “Collezioni” e 3 link di esempio.

    (1) Fai clic su Elenco link, (2) scegli Hover image links.

  2. Imposta il titolo e l’immagine predefinita

    In Modifica voce, sotto Generale, inserisci l’Intestazione, scegli un’Immagine predefinita e inserisci l’Etichetta del pulsante sull’immagine.

    Il blocco Hover image links nell'anteprima, con le impostazioni in Modifica voce.

  3. Inserisci il Titolo, scegli il Link e scegli l’Immagine al passaggio del mouse. Fai clic su Aggiungi per aggiungere un link o su Rimuovi per eliminarne uno.

  4. Salva e pubblica

    Regola l’immagine sotto Stile, poi fai clic su Salva e Pubblica.

Impostazioni

Generale

IntestazionePredefinito: Collezioni
Testo sopra i link.
Immagine predefinitaPredefinito: Nessuna
Mostrata per i link senza una propria Immagine al passaggio del mouse.
Etichetta del pulsante sull'immaginePredefinito: Acquista ora
Testo mostrato sull’immagine, sotto il titolo del link. Lascialo vuoto per mostrare solo il titolo.
LarghezzaPredefinito: 66.66%
Quanta parte della riga del mega menu occupa il blocco: Automatico oppure dall’8,33% al 100%.

Stile

Posizione dell'immaginePredefinito: Destra
Destra o Sinistra rispetto ai link.
Proporzioni immaginePredefinito: 4:3
1:1, 4:3, 3:4, 16:9 o 9:16.
TitoloPredefinito: Novità, Più venduti, Saldi
Il testo del link.
LinkPredefinito: Nessuno
La pagina a cui porta il link.
Immagine al passaggio del mousePredefinito: Nessuna
L’immagine mostrata mentre un cliente passa il mouse su questo link.

Fino a 10 link per blocco. Ogni link compare anche sotto il blocco nell’elenco Elementi, con un pulsante Aggiungi link: trascina i link per riordinarli, oppure fai clic su uno (nell’elenco o nell’anteprima) per modificare solo quel link, inclusa la sua Visibilità. La Visibilità dell’intero blocco funziona come in ogni blocco; vedi Impostazioni comuni a tutti i blocchi.

Suggerimenti

  • Usa immagini della stessa forma e imposta Proporzioni immagine di conseguenza, così l’area dell’immagine non salta da un link all’altro.
  • Mantieni brevi i titoli dei link. Il titolo compare anche sull’immagine.

Questa pagina ti è stata utile?

Segnala un problema