Lenker med bilde ved hover

Referanse Alle planer 2 min lesing

En liste med lenker ved siden av et stort bilde som bytter til bildet for hver lenke ved hover. Bruk den til å vise kategorier visuelt («Nyheter», «Bestselgere», «Salg») uten at det tar like mye plass som et helt bilderutenett.

Legg til blokken

1. Velg oppsettet

   Klikk Legg til blokk i megameny-panelet i forhåndsvisningen. Klikk Lenkeliste, hold musepekeren over Hover image links (lenker med bilde ved hover) og klikk Velg. Den starter med overskriften «Samlinger» og 3 eksempellenker.

   

   (1) Klikk Lenkeliste, (2) velg Hover image links.

2. Angi overskrift og standardbilde

   I Rediger element, under Generelt, skriver du inn Overskrift, velger et Default image (standardbilde) og skriver inn Button label on image (knappetekst på bildet).

   

   Hover image links-blokken i forhåndsvisningen, med innstillingene i Rediger element.

3. Sett opp hver lenke

   Skriv inn Tittel, velg Lenke og velg Image on hover (bilde ved hover). Klikk Legg til for å legge til en lenke, eller Fjern for å slette en.

4. Lagre og publiser

   Juster bildet under Style (stil), og klikk deretter Lagre og Publiser.

Innstillinger

Generelt

OverskriftStandard: Samlinger

Teksten over lenkene.

Default imageStandard: Ingen

Vises for lenker som ikke har sitt eget Image on hover.

Button label on imageStandard: Handle nå

Teksten som vises på bildet, under lenketittelen. La feltet stå tomt for bare å vise tittelen.

BreddeStandard: 66.66%

Hvor mye av raden i megamenyen blokken tar: Automatisk eller 8,33 % til 100 %.

Style

Image position (bildeposisjon)Standard: Høyre

Høyre eller Venstre for lenkene.

BildeforholdStandard: 4:3

1:1, 4:3, 3:4, 16:9 eller 9:16.

Hver lenke

TittelStandard: Nyheter, Bestselgere, Salg

Lenketeksten.

LenkeStandard: Ingen

Hvor lenken fører.

Image on hoverStandard: Ingen

Bildet som vises mens en kunde holder musepekeren over denne lenken.

Opptil 10 lenker per blokk. Hver lenke vises også under blokken i listen Elementer, med en Add link-knapp (legg til lenke): Dra lenkene for å endre rekkefølgen, eller klikk én (i listen eller forhåndsvisningen) for å redigere bare den lenken, inkludert dens egen Synlighet. Synlighet for hele blokken fungerer som på alle blokker; se Innstillinger alle blokker har.

Tips

• Bruk bilder med samme form og sett Bildeforhold til å passe, så bildeområdet ikke hopper mellom lenkene.
• Hold lenketitlene korte. Tittelen vises også på bildet.

Relaterte sider

• LenkelisteLegg til en kolonne med lenker, den klassiske megamenyblokken, med ikoner, bilder og merker om du vil.
• BildeVis et banner eller kampanjebilde med tittel, beskrivelse og lenke.
• Oversikt over blokkerLegg til blokker som lenker, bilder, produkter og nedtellinger i en megameny eller fane.

Var dette nyttig?

Rapporter et problem