Kachel-/Mosaikmodul

Die Kachelnavigation (bzw. Kachelwand) wird über das Container-Modul „Kachel-Gruppe“ aufgebaut.

Diese Modulkombination wird ebenfalls für das Highlightmenü verwendet.

Verfügbare Kacheltypen:

Innerhalb der Kachel-Gruppe können unterschiedliche Kacheltypen platziert werden:

• Einfache Kachel:
  Mit farbigem Hintergrund (über das Layout definierbar), optional mit Icon sowie Text und Subtext.
  Es kann gewählt werden, ob der Text oben oder unten dargestellt wird.
• Bildkachel:
  Entspricht der einfachen Kachel, jedoch mit Bildauswahl zur Definition des Hintergrunds. Es gibt 3 Positionen für den Text zur Auswahl: oben, unten und unterhlab des Bildes.
  Bei Text oben oder unten gibt es einen Schatten in dem Bereich über dem Bild, dies ist aus Barrierefreiheitsgründen notwenidg um einen entsprecehnen Kontrast zur Schrift auf dem Bild zu erhalten
• Angebotsteaser / Offer Teaser:
  Mit Headerbereich, Bildauswahl und Farbdefinition im Layout.
  Zusätzlich stehen drei Textfelder für den Offer-Badge zur Verfügung.

Kachelgrößen:

Folgende Kachelgrößen stehen zur Verfügung:

• 1x1
• 1x2
• 2x1
• 2x2

Diese können je nach gewünschtem Layout kombiniert werden.

Verlinkung:

Jede Kachel verfügt über eine Linkoption.
Durch das Setzen eines Links wird die gesamte Kachel klickbar.

Jede Seite verfügt über einen Ordner namens “Widgets/Menü”

Auf diese nicht sichtbaren Seite befinden sich die Inhalte für das Buchenmenü “Incoming Container” und das Highlightmenü “Highlight Container”
Diese ergänzen die klassische Menüübersicht.

Die beiden besagten Containerelemente sind für die Bearbeitung durch Redakteure gesperrt, da diese direkt mit dem Menü verknüpft sind und auch bleiben müssen, die Inhalte darin sind sehr wohl bearbeitbar.

Incoming Menü/Buchungsmenü:

Hier können die laut Design definierten Inhaltselemente frei platziert werden:

1. Einfacher Text für eine ansprechende Einleitung in das Menü. Beispiel: “Finde jetzt deinen Moselurlaub!”
2. Warenkorb-Widget: Auch dieses ist für die Bearbeitung durch Redakteure gesperrt, es ist ein systemrelevantes Widget mit harten Verknüpfungen, um die technische Funktionalität gewährleiten zu können.
3. 3-spaltiges Grid mit Mosel-Widgets, die auf die buchbaren Inhalte hinweisen und zu den besagten Seiten mit Buchungsmöglichkeit verlinkt werden.
4. Offe-Teaser/Angebotsteaser: Redaktionelles Element, um auf ein bestimmtes Angebot hinzuweisen.

Highlight Menü:

1. Optional können hier für Saisonen oder Themen Tabs angelegt werden, diese bestehen aus einem Titel (bitte unbedingt kurz halten, damit die Tabs auch auf kleinen Endgeräten vollständig sichtbar sind) und einem Icon nach Wahl
2. Der Aufbau des Highlightmenüs ist mit der bekannten Kachelnavigation gestaltet. In erster Linie ist eine Kachelgruppe zu erzeugen, in der dann die einfache oder die Bildkachel in den verschiedenen Ausprägungen und Größen platziert werden können

weiterführende Informationen zur Menüübersicht:

• Zeigt Seiten gruppiert bis zur 2 Menüebene. 1. Menüebene hat keine Inhalte, nicht klickbar, sondern öffnet 2. Ebene. Ausnahme: verfügt eine Hauptmenüseite über keine Unterseiten, so ist diese klickbar.
  Tipp: Will man zu einer Seite in der ersten Menüebene eine Übersichtsseite darstellen, so legt man eine Unterseite mit dem Namen Übersicht an.
• In den Seiteneigenschaften und Zugriff kann man definieren, ob eine Seite im Menü dargestellt werden soll oder nicht.