Das Element Zeilen dient insbesondere zwei Zwecken:

• Inhalte zur besseren Übersicht im Editor anhand einzelner Zeilen strukturieren
• Spalten aufbauen

Grundsätzlich kommt eine CMS-Seite ohne Zeilen aus, d.h. alle Elemente, die nicht zwingend in einer eigenen Zeile angelegt werden müssen, können untereinander platziert werden.
Die Strukturierung in einzelne Zeilen hat für die Darstellung der Seite keine Vorteile, sogar den kleinen Nachteil, dass etwas mehr Code entsteht.

Spalten werden im Element "Zeile" definiert.
Unter bestimmten Voraussetzungen können Zeilen innerhalb einer Zeile eingefügt werden, sodass untergeordnete Spalten dargestellt sind.

Innerhalb eines Tabs oder eines Accordions können untergeordnete Spalten nicht dargestellt werden, daher ist das Beispiel für Seiten auf der Seite mit den eingeschränkt kombinierbaren Elementen zu finden.

Zu beachten: Für Headlines des Typs H1 ist folgendes zu beachten: Sofern in der Seite die Hero-Unit mit einer Headline eingebunden ist, darf aus SEO-Gründen kein Element "Headline H1" in der Seite eingebunden werden, da die Seite ansonsten zwei H1 Headlines beinhaltet (Headline der Hero-Unit hat bereits den Tag H1).

Es gibt drei Teasergrößen

• Teaser L = 1-spaltig mit den Darstellungsoptionen
  • Inhalte auf dem Bild (Block style = no)
  • Inhalte unter dem Bild (Block style = yes)
• Teaser M = 2-spaltig
• Teaser S = 3-spaltig

Zur korrekten Darstellung müssen

• die Teaser der Größe M in eine 2-spaltige und die der Größe S in eine 3-spaltige Zeile eingefügt werden.
• den Teasern die richtigen Bildgrößen zugeordnet werden (TeaserL, TeaserM, TeaserS)
• den Teasern Bilder für Desktop umd Mobile zugeordnet werden (F1, F2)

Einem Teaser können folgende Inhalte optional zugeordnet werden:

• Headline (steht über dem Teaser)
• Titel
• Beschreibung
• Ein Button oder 1-3 Textlinks

Ein Content Teaser Slider besteht aus mehreren Content Teasern, die aus dem Element Content Teaser Slider heraus erstellt werden.

Für den Slider eignet sich nur ein Content Teaser Format:

• Größe L (1-spaltig)
• Block style = no

Es gibt zwei grundsätzliche Möglichkeiten, wie Trip Teaser eingebunden werden:

• Angabe der Reisenummern:
  Es wird einfach je Trip Teaser die jeweilige Reisenummer eingetragen. In einem Trip Teaser Element können beliebig viele Reisen angeteasert werden, d.h. je nach visueller Darstellung muss nicht zwangsläufig je Reise ein Teaser erstellt werden.
  Zu beachten:
  • Sofern eine im Trip Teaser eingegebene Reisenummer nicht gefunden wird, wird das Editfeld rot umrahmt. Siehe hierzu auch den roten Hinweis.
  • Bei den Trip Teasern ist je Reisenummer noch zu unterscheiden, ob es sich um eine Reise oder ein Hotel handelt, dass angeteasert werden soll.
  • Ist auf dem Livesystem eine angeteaserte Reise nicht (mehr) verfügbar, so wird der Teaser nicht dargestellt.
  • Bei dieser Variante ist es zudem möglich, einen Reisetermin anzugeben. Bei Aufruf der Reise wird dann dieser Termin ausgegeben. (Ist der Termin nicht mehr existent, wird der Default-Termin ausgegeben

• Angabe von Reisesuche-Parametern:
  Anhand der eingetragenen Reisesuche-Parameter wird im Hintergrund eine Suche ausgeführt und die Treffer als Teaser ausgegeben. Die Anzahl der auszugebenden Teaser kann eingestellt werden. Am praktischsten ist es, in der Reisesuche die Suchkriterien einzustellen, den Teil der URL hinter "../suche?" zu kopieren und dann in das Eingabefeld einzufügen.

Folgende Elemente können zur Darstellung von Text, Bild oder Text-Bild-Kombinationen:

• Text Block (mit der Möglichkeit Bilder im Text einzubinden)
• Quote (eigenes Format zur Darstellung von Zitaten)
• Bild (isolierte Darstellung eines Bildes und Metainformationen)
• Image with Text (spezifische Darstellung Text-Bild)
• Gallery (Bilder-Slideshow)

Das Element Text Block ist primär für die Einbindung von Textparagraphen geeignet.
Texte lassen sich darin mit folgenden Formaten auszeichnen:

Normaler Text lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Bold lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Italic lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

• Bullet Liste lorem ipsum
• dolor sit amet, consetetur
• sadipscing elitr, sed diam
• nonumy eirmod tempor

1. Nummerierte Liste lorem ipsum
2. dolor sit amet, consetetur
3. sadipscing elitr, sed diam
4. nonumy eirmod tempor

Quote lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Link lorem ipsum

Durchgestrichen lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

Horizontale Linie

Im Text Blick lassen sich CMS-Media Assets einbinden und entsprechend auch Bilder - siehe Button "Add Media" über dem Eingabefeld.
Einem Bild könnne unterschiedliche Größen und Positionen zugeordnet werden, wobei die Positionen den Textfluss beeinflussen.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Buttons und Links werden über das Element "Button" hinzugefügt. Zur Ausgabe eines Links muss der Style "Link" ausgewählt werden.

Im Folgenden sind alle Darstellungsoptionen aufgeführt:

Für Tabs und Accordions gibt es je zwei verschiedene Elemente:

• Tabs und Custom Tabs
• Accordion und Custom Accordion

Die Elemente "Tabs" und "Accordion" sind dann zu verwenden, wenn Tabs und Accordion nicht miteinander kombiniert werden - da dies technisch nicht dargestellt werden kann.
Der Vorteil dieser Elemente ist, dass der Editor deutlich übersichtlicher und einfacher zu bedienen ist.

Die Elemente "Custom Tabs" und "Custom Accordion" erlauben wiederum die Kombination (Accordion in Tab oder Tab in Accordion).
Nachteilig ist entsprechend die Übersichtlichkeit im Editor. Die Elemente Custom Tab/Accordion werden auf der Seite "eingeschränkt kombinierbare Elemente" erklärt.

Tabellen & Formulare werden wie folgt in eine Seite eingebunden:
Tabelle oder Formular im jeweiligen Bereich erstellen und über das Element "Table" bzw. "Form" einbinden.

Die Dokumentation zum Erstellen von Tabellen findet ihr ###hier###, die von Formularen hier.