Weiter zum Hauptinhalt
  1. >Docs
  2. >Elemente: Standard

Elemente: Standard

Zu den Standardelementen des Wolf TravelConnectors zählen neben dem Akkordeon, der Aufzählung, Slider auch Tabs.
Nachfolgend sind alle möglichen Elemente zu sehen, die den Aufbau und die Strukturierung der Seite ermöglichen, inklusive Einbindungsanleitung und nützlichen Tipps.

Akkordeon

Mit Hilfe des Akkordeon Objektes können Inhalte übersichtlich und strukturiert dargestellt werden. Es funktioniert wie ein Klappmenü. Einzelne Bereiche (z.B. Fragen oder Überschriften) lassen sich per Klick ein- oder ausklappen, um den zugehörigen Inhalt anzuzeigen oder zu verbergen. Besonders hilfreich im SEO-Kontext: Bilde über FAQs relevante Fragen & Antworten zum Reiseziel ab.

Wähle in den Einstellungen aus, ob das Akkordeon initial geöffnet sein soll, welche H-Überschrift und Schriftfarbe vergeben werden soll.

Aufzählung

Das Aufzählungsobjekt dient zur Darstellung von Listen und hilft Inhalte klar und strukturiert zu präsentieren. Wähle zwischen verschiedenen Darstellungen aus, z.B. Unterstrichen, mit Standard Aufzählungszeichen oder Icon. Bestimme darüberhinaus die Schriftfarbe.
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5
  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
  • List Item 5

Breadcrumb

Breadcrumbs zeigen dem User, wo er sich innerhalb der Website-Struktur befindet. Sie helfen beim Navigieren, indem sie den Pfad von der Startseite zur aktuellen Seite anzeigen und sind SEO-relevant. Anstelle des Labels der Startseite kann auch ein Icon ausgewählt werden.
  1. Home
  2. >Docs
  3. >Elemente: Standard

Container

Mit Hilfe des Container Objektes können Inhalte strukturiert und gruppiert werden.
Es ist nützlich, um z. B. Texte, Bilder oder Module gemeinsam zu stylen, einheitlich auszurichten oder responsive Designs umzusetzen.

Slider

Mit Hilfe des Slider Objektes können mehrere Inhalte platzsparend und visuell ansprechend präsentiert. So können z.B. Bilder, Texte, oder Angebote abwechselnd präsentiert werden. In den Einstellungen kann ausgewählt werden, ob Pfeile zum Blättern der Slides angezeigt werden sollen oder ein Indikator für die Folienanzahl, sowie die Zeit bis und Dauer des Folienwechsels. Füge beliebig viele Folien hinzu und bestimme die Breite der Slides.

Slide 1

Slide 2

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Tabelle

Mit Hilfe des Tabellen Objektes können beliebig viele Zeilen und Spalten angelegt werden. Es dient der strukturierten und übersichtlichen Darstellung von Informationen, wie z.B. Preise & Leistungen, Reisedaten, Flugzeiten, Hotelvergleiche. Lege u.a. die Ausrichtung des Textes und die Hintergrundfarben in den Einstellungen fest.
Spalte 1Spalte 2Spalte 3

Tabs

Mit Hilfe von Tabs können verschiedene Informationsbereiche (z. B. Preise, Reisedetails, Bewertungen) platzsparend und übersichtlich angezeigt werden. User können zwischen den Tabs wechseln, um schnell die gewünschten Infos zu finden, ohne die Seite zu überladen.
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.

Tabs Combobox

Mit Hilfe der Tabs Comobox können per Dropdown die verschiedenen Tabs ausgewählt werden und jene Informationen platzsparend und übersichtlich angezeigt werden.

YouTube Video

Mit Hilfe des YouTube Video Objektes können YouTube Videos schnell und einfach eingebunden werden. Hinterlege die YouTube ID und wähle aus, ob das Video als Dialog geöffnet werden soll und automatisch startet, sobald die Seite geladen wird, ohne dass der User auf "Play" klicken muss. Stelle die Vorschaugröße ein und wähle bei Bedarf dein eigenes Vorschaubild aus.