Hover-Bild-Links

Referenz Alle Tarife 2 Min. Lesezeit

Eine Liste von Links neben einem großen Bild, das beim Hovern zum Bild des jeweiligen Links wechselt. Nutzen Sie sie, um Kategorien („Neuheiten“, „Bestseller“, „Sale“) visuell vorzustellen, ohne den Platz eines vollständigen Bildrasters zu benötigen.

Block hinzufügen

1. Layout wählen

   Klicken Sie im Mega-Menü-Panel der Vorschau auf Block hinzufügen. Klicken Sie auf Linkliste, bewegen Sie den Mauszeiger über Hover image links (Hover-Bild-Links) und klicken Sie auf Auswählen. Er beginnt mit der Überschrift „Kollektionen“ und 3 Beispiel-Links.

   

   (1) Klicken Sie auf Linkliste, (2) wählen Sie Hover image links.

2. Überschrift und Standardbild festlegen

   Geben Sie unter Menüpunkt bearbeiten im Bereich Allgemein die Überschrift ein, wählen Sie ein Default image (Standardbild) und geben Sie das Button label on image (Button-Beschriftung auf dem Bild) ein.

   

   Der Block Hover-Bild-Links in der Vorschau, seine Einstellungen unter Menüpunkt bearbeiten.

3. Jeden Link einrichten

   Geben Sie den Titel ein, wählen Sie den Link und das Image on hover (Bild beim Hover). Klicken Sie auf Hinzufügen, um einen Link hinzuzufügen, oder auf Entfernen, um einen zu löschen.

4. Speichern und veröffentlichen

   Passen Sie das Bild unter Style (Stil) an und klicken Sie dann auf Speichern und Veröffentlichen.

Einstellungen

Allgemein

ÜberschriftStandard: Kollektionen

Text über den Links.

Default imageStandard: Keines

Wird für Links ohne eigenes Image on hover angezeigt.

Button label on imageStandard: Jetzt einkaufen

Text, der auf dem Bild unter dem Linktitel angezeigt wird. Lassen Sie das Feld leer, um nur den Titel zu zeigen.

BreiteStandard: 66.66%

Wie viel von der Mega-Menü-Zeile der Block einnimmt: Automatisch oder 8,33 % bis 100 %.

Style

Image position (Bildposition)Standard: Rechts

Rechts oder Links neben den Links.

BildverhältnisStandard: 4:3

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

Jeder Link

TitelStandard: Neuheiten, Bestseller, Sale

Der Linktext.

LinkStandard: Keiner

Wohin der Link führt.

Image on hoverStandard: Keines

Das Bild, das angezeigt wird, während der Mauszeiger über diesem Link steht.

Bis zu 10 Links pro Block. Jeder Link erscheint außerdem unter dem Block in der Liste Menüpunkte, mit einer Schaltfläche Add link (Link hinzufügen): Ziehen Sie Links, um sie neu anzuordnen, oder klicken Sie auf einen (in der Liste oder in der Vorschau), um nur diesen Link zu bearbeiten, einschließlich seiner eigenen Sichtbarkeit. Die Sichtbarkeit für den gesamten Block funktioniert wie bei jedem Block; siehe Einstellungen, die jeder Block hat.

Tipps

• Verwenden Sie Bilder derselben Form und stellen Sie das Bildverhältnis passend ein, damit der Bildbereich zwischen den Links nicht springt.
• Halten Sie Linktitel kurz. Der Titel erscheint auch auf dem Bild.

Verwandte Seiten

• LinklisteFügen Sie eine Spalte mit Links hinzu, den klassischen Mega-Menü-Block, optional mit Symbolen, Bildern und Badges.
• BildZeigen Sie ein Banner oder Aktionsbild mit Titel, Beschreibung und Link an.
• Blöcke im ÜberblickFügen Sie einem Mega-Menü oder Tab Blöcke wie Links, Bilder, Produkte und Countdowns hinzu.

War diese Seite hilfreich?

Problem melden