Billedlinks ved hover

Reference Alle abonnementer 2 min. læsning

En liste med links ved siden af et stort billede, der skifter til hvert links billede ved hover. Brug den til at give et visuelt indtryk af kategorier (“Nyheder”, “Bestsellere”, “Udsalg”) uden at bruge pladsen til et helt billedgitter.

Tilføj blokken

1. Vælg layoutet

   Klik på Tilføj blok i megamenupanelet i forhåndsvisningen. Klik på Linkliste, hold markøren over Hover image links (billedlinks ved hover), og klik på Vælg. Den starter med overskriften “Collections” og 3 eksempellinks.

   

   (1) Klik på Linkliste, (2) vælg Hover image links.

2. Angiv overskriften og standardbilledet

   Angiv Heading (overskrift) under Generelt i Rediger element, vælg et Default image (standardbillede), og angiv Button label on image (knaptekst på billedet).

   

   Blokken Hover image links i forhåndsvisningen med dens indstillinger i Rediger element.

3. Konfigurer hvert link

   Angiv Titel, vælg Link, og vælg Image on hover (billede ved hover). Klik på Tilføj for at tilføje et link eller på Fjern for at slette et.

4. Gem og udgiv

   Juster billedet under Style, og klik derefter på Gem og Udgiv.

Indstillinger

Generelt

HeadingStandard: Collections

Teksten over linkene.

Default imageStandard: Ingen

Vises for links uden deres eget Image on hover.

Button label on imageStandard: Shop now

Tekst på billedet under linkets titel. Lad feltet være tomt for kun at vise titlen.

BreddeStandard: 66.66%

Hvor meget af megamenuens række blokken fylder: Automatisk eller 8,33 % til 100 %.

Style

Image positionStandard: Right

Billedets position: Right (til højre) eller Left (til venstre) for linkene.

BilledformatStandard: 4:3

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

Hvert link

TitelStandard: New arrivals, Best sellers, Sale

Linkets tekst.

LinkStandard: Ingen

Hvor linket fører hen.

Image on hoverStandard: Ingen

Billedet, der vises, mens en kunde holder markøren over linket.

Op til 10 links pr. blok. Hvert link vises også under blokken på listen under Elementer med en knap Add link (tilføj link): træk links for at ændre rækkefølgen, eller klik på et (på listen eller i forhåndsvisningen) for kun at redigere det link, inklusive dets egen Synlighed. Synlighed for hele blokken virker som på alle blokke; se Indstillinger, som alle blokke har.

Tips

• Brug billeder med samme form, og sæt Billedformat til at passe, så billedområdet ikke hopper mellem linkene.
• Hold linktitlerne korte. Titlen vises også på billedet.

Relaterede sider

• LinklisteTilføj en kolonne med links – den klassiske megamenublok – eventuelt med ikoner, billeder og badges.
• BilledeVis et banner eller kampagnebillede med titel, beskrivelse og link.
• Oversigt over blokkeTilføj blokke som links, billeder, produkter og nedtællinger til en megamenu eller en fane.

Var dette nyttigt?

Rapportér et problem