destination.quicknavi - TYPO3

destination.quicknavi - TYPO3


destination.quicknavi - der schnelle Themenüberblick

Info
Eine Quick-Navigation erleichtert die Orientierung auf einer Website und spart den Besucher:innen Zeit, weil zentrale Inhalte sofort erreichbar sind. Dadurch erhöht sich meist die Klicktiefe: Nutzer:innen wechseln mühelos zwischen verschiedenen Seiten und Themen.

Idea
Für jedes Quicknavi-Element lassen sich ein Icon, ein Titel mit definierter maximaler Zeichenlänge und ein Linkziel hinterlegen. destination.quicknavi eignet sich besonders für übergeordnete Landingpages, die auf Inhalte tieferer Ebenen verweisen.

Darstellung im Frontend


Wer sich das Modul einmal im Frontend ansehen und die Funktionsweise ausprobieren möchte, gelangt hier zur Live-Demo:
klicke hier.

Variante 0 im Frontend




Variante 1 im Frontend


Pflege im Backend

Voraussetzungen:
  1. Du hast bereits eine Landingpage innerhalb Deines Seitenbaumes angelegt, auf der das Modul destination.quicknavi platziert werden soll.
  2. Du hast bereits eine einspaltige Rahmenbühne für die destination.quicknavi auf Deiner Landingpage platziert.

Info
Die Bearbeitung der beiden oben genannten Varianten 0 und 1 ist gleich. Lediglich die Ausgabe im Frontend unterscheidet sich bei den beiden aufgezeigten Varianten.

Nachdem Du auf Deiner Landingpage eine einspaltige Rahmenbühne platziert hast, kannst Du innerhalb dieser Bühne nun Deine destination.quicknavi platzieren. Klicke hierzu innerhalb des Container-Bühne auf +Neuen Inhalt erstellen:


Dadurch öffnet sich ein neues Fenster, das es Dir ermöglicht, aus allen Inhaltselementen zu wählen, die Du im Zuge Deines Website-Relaunches gebucht hast. 

Wähle hier das Modul Schnell-Navigation:



Es handelt sich bei der Schnell-Navigation um ein sogenanntes destination.base Modul und befindet sich aus dem Grund auch unter dem Reiter destination.base.

Idea
Du hast immer die Möglichkeit, gezielt nach Inhaltselementen zu suchen, sofern Du den Namen des jeweiligen Elements kennst:



Nachdem Du das Element zu Deiner Container- bzw. Rahmenbühne hinzugefügt hast, hast Du jetzt die Möglichkeit Deine Schnell-Navigationen hinzuzufügen. Klicke hierzu auf den Button +Schnell-Navigation:


Durch Klick auf diesen Button öffnet sich die Bearbeitungsmaske für Deinen ersten Punkt in Deiner Schnell-Navigation:




Pro Element in Deiner Schnell-Navigation kannst Du Folgendes pflegen:
  1. Titel: Füge hier einen Titel hinzu. Dieser sollte nicht länger als 30 Zeichen sein.

  2. Kachel-Icon: in Deiner Schnell-Navigation kannst Du auch immer ein Icon pflegen, welches dann wie folgt dargestellt wird:

  3. Link: mithilfe des Link-Wizards kannst Du entscheiden, wohin Dein Button innerhalb der Schnell-Navigation verweisen soll.

    Du kannst wie bei jeder anderen Verlinkung auf folg. Bereiche bzw. Inhalte verlinken:
    eine Unterseite innerhalb des eigenen Seitenbaums, auf eine externe URL, auf ein Dokument aus Deiner Dateiliste (beispielhaft ein PDF-Dokument mit weiterführenden Informationen), auf eine E-Mail-Adresse oder eine Telefonnummer (sodass bei Klick auf dem Smartphone direkt der Anruf getätigt werden kann) oder auf einen strukturierten Datensatz (beispielhaft einen POI, ein Event, eine Tour usw.).

  4. Button: zuletzt kannst Du entscheiden, welche Farbgebung Dein Button im Frontend haben soll. In den meisten Fällen kannst Du aus den folg. drei Typen wählen: Standard-Button, Conversion-Button, Themen-Button.

    Achte darauf, dass der Conversion-Button ausschließlich bei vertrieblichen Zwecken genutzt wird.

Du hast jetzt die Möglichkeit, beliebig viele Buttons zu Deiner Schnell-Navigation hinzuzufügen. Dafür klickst Du einfach erneut auf den Button +Schnell-Navigation:



Nachdem Du die einzelnen Elemente zu Deiner Quicknavi hinzugefügt hast, hast Du noch zwei Möglichkeiten:
  1. Zum einen kannst Du natürlich jederzeit Einträge wieder löschen. Klicke hierzu einfach auf das Papierkorb-Symbol, welches rechts zu finden ist.

  2. Zum anderen siehst Du im rechten Bereich diese drei Striche (ähnelt einem Hamburger-Menü):



    Wenn Du dort drauf klickst und das Ganze mit Deiner Maustaste festhältst (analog dem Prinzip Drag & Drop) kannst Du den Eintrag hoch und runter verschieben und damit an die für Dich geeignete Stelle schieben. Du bestimmt demnach die Reihenfolge Deiner Einträge in der destination.quicknavi Bühne.

Am Ende speicherst Du Deine Fortschritte über das bekannte Disketten-Symbol.

    • Related Articles

    • destination.youtube - TYPO3

      destination.youtube - YouTube auf der Landingpage Darstellung im Frontend Wer das Modul einmal selbst testen will, kann dies über folgenden Link machen: LINK Hinweis: Für die Anzeige im Frontend müssen Cookies akzeptiert werden. Pflege im Backend ...
    • destination.one: Supportflat+

      Unsere destination.one Produktwelt bietet mittlerweile ein breites Spektrum an Tools, die euch täglich bei der digitalen Gästeinformation unterstützen. Neben unserer Datenbankinfrastruktur bestehend aus destination.data und destination.meta und ...
    • destination.hardware: Inbetriebnahme destination.box in der WiFi-Tracker Edition

      Videoanleitung zur Inbetriebnahme der destination.box (WiFi-Edition) Im nachfolgenden Video wird erklärt, wie die destination.box in der WiFi-Tracker Edition (Version 1.0, 2.0 oder Raspberry Pi) in Betrieb genommen wird, um im Anschluss das ...
    • Passwortgeschützter/Login Bereich - destination.login

      destination.login In diesem Video zeigen wir Dir, wie Du einen Passwort geschützten Bereich in Deinem Typo3 einrichtest. Dieser Bereich kann dann nur noch, von Benutzern mit Passwort genutzt werden. - 0:28 Thema des Videos - 2:04 Benutzergruppen ...
    • destination.pages: Funktionen unseres Alexa-Skills als destination.bot

      Zu Beginn Aufruf des Skills Alexa, öffne MeinEmsland Ein Skill (deutsch Fähigkeit) ist praktisch nichts anderes als eine App für die Alexa. Um nun mit so einem Skill interagieren zu können, muss dieser zuerst aufgerufen werden. Dies geschieht mit dem ...