Sprungmarken

Beschreibung

Die Erweiterung „Sprungmarken / Seiteninterne Verweise für Erlebniswelten“ stellt einen Block für die Erlebniswelten bereit, mit dem du auf einfache Weise Verlinkungen bzw. Sprungmarken für Verweise auf derselben Seite einfügst. Füge die Sprungmarke an die Stelle ein, an die im Shop bei Klick auf einen Link oder Button gesprungen werden soll. Vergib anschließend eine eindeutige ID – zum Beispiel „mehr-infos“ – und nutze diese, um einen Link zu erstellen. Als Ziel des Links verwendest du einfach ein „#“ zusammen mit der ID, zum Beispiel „#mehr-infos“. Schon springt die Seite an die gewünschte Stelle, sobald auf den Link geklickt wird.

Besitzt dein Shop einen mitscrollenden (sticky) Header, muss die Position der Sprungmarke nicht mehr manuell angepasst werden: Der nötige Abstand zum oberen Rand wird jetzt automatisch anhand der Header-Höhe berechnet, damit der Header nach dem Sprung nicht den Bereich verdeckt, den du sehen möchtest.

Statt eine ID von Hand zu vergeben, kannst du die Sprungmarke auch automatisch benennen lassen: Wird „ID der Sprungmarke automatisch generieren“ aktiviert, entsteht aus dem Titel eine lesbare ID, die nach der Erstellung stabil bleibt, damit bestehende Links weiter funktionieren. Über die Schaltfläche „ID neu aus dem Titel generieren“ lässt sie sich bei Bedarf erneuern; wird eine ID doppelt vergeben, weist eine Warnung darauf hin.

Highlights

Einfach zu platzierende Sprungmarken
Sprung mithilfe üblicher Verlinkung
Automatischer Abstand für mitscrollende (sticky) Header – keine manuelle Konfiguration nötig
Weiches Scrollen statt hartem Sprung
Automatische Generierung einer Punktnavigation am Seitenrand
Navigation wahlweise aus den Sprungmarken oder automatisch aus den Überschriften der Seite
Verschiedene Darstellungsstile für die Navigation (u.a. Punktnavigation, horizontal, Liste)

Konfiguration

In der Pluginkonfiguration stehen folgende Einstellungsmöglichkeiten zur Verfügung.

Punktnavigation: Allgemein

Punktnavigation aus Sprungmarken generieren Aktiviert die Anzeige der aus den Sprungmarken der Seite generierten Navigation. Diese kann entweder am linken Seitenrand oder per Erlebniswelt-Block an einer selbst gewählten Stelle im Inhalt der Erlebniswelt angezeigt werden.

Den Titel des aktiven Punkts der Punktnavigation anzeigen Bei aktivierter, generierter Navigation kann hiermit der aktuell aktive Navigationspunkt mit dem Titel der Sektion (wenn vorhanden) angezeigt werden.

Farbe der Punkte in der Punktnavigation Bestimmt die Farbe der klickbaren Punkte, wenn die Punktnavigation genutzt wird.

Farbe des aktiven Punkts in der Punktnavigation Bestimmt die Farbe des aktiven Navigationspunktes, wenn die Punktnavigation genutzt wird.

Punktnavigation in Modalfenstern/Dialogen ausblenden Blendet die Punktnavigation aus, während ein Modalfenster oder Dialog geöffnet ist.

Punktnavigation: Mobile Darstellung

Punktnavigation auf Mobilgeräten ausblenden Die Punktnavigation kann auf Mobilgeräten ausgeblendet werden.

Den Titel des aktiven Punkts auf Mobilgeräten anzeigen Bestimmt, ob der Titel der aktuell aktiven Sektion in der Punktnavigation auch auf Mobilgeräten angezeigt werden soll.

Position der Punktnavigation auf Mobilgeräten Auf Mobilgeräten kann die Punktnavigation für eine bessere Nutzbarkeit an verschiedenen Stellen angezeigt werden.

Größe der Punkte in der Punktnavigation Bestimmt die Größe der Punkte in der Punktnavigation auf Mobilgeräten.

Link-kopieren-Button an sichtbaren Sprungmarken anzeigen Zeigt beim Überfahren mit der Maus einen kleinen Button neben sichtbaren Sprungmarken-Zielen (eigene Anker und generierte Überschriften-Anker), der den direkten Link zum Abschnitt kopiert.