destination.trilogy - TYPO3

Eine Kachelwand mal anders

Manchmal braucht ein gradliniges, modernes Seiten-Layout einen gewollten Bruch: destination.trilogy erweitert die Darstellung der bereits in destination.base enthaltenen Kachelwand und ermöglicht eine visuell veränderte Darstellung auf der Website. Beide Kachelwand-Arten sind dreispaltige Themenbühnen, die die Aufmerksamkeit der User:innen erhöhen.

Beide Kachelwand-Darstellungen bieten eigene, individuelle Pflegemöglichkeiten.
Versetzte Kachelwand: Titel, Untertitel & Button
Große Kacheln: Titel, Untertitel & Verlinkung des gesamten Bildes

Darstellung im Frontend

Die Darstellung von destination.trilogy unterscheidet sich in zwei Varianten. Wer das einmal ansehen möchte, gelangt über folgenden Link zur Übersichtsseite und gelangt von da zu den beiden Varianten: LINK

Variante 0

Variante 1

Pflege im Backend

Voraussetzungen

1. Du hast bereits eine Landingpage für das Modul angelegt.

2. Du hast bereits eine Rahmenbühne hinterlegt.

Hinterlegen des Moduls - Variante 0

1. Inhalte hinzufügen

Klicke auf +Inhalt in deiner Rahmenbühne:

2. Modul hinzufügen

Wähle unter "Container" > "Kachelwand mit Versatz". Speichere anschließend und schließe den Container wieder:

3. Kacheln hinzufügen

Klicke nun auf +Inhalt innerhalb der "Kachelwand mit Versatz":

4. Pflegen der Kacheln

4.1 Gehe in den Reiter "Allgemein".

4.2 Hier kannst Du einen Titel hinterlegen.

4.3 Hier kannst Du einen Untertitel hinterlegen.

4.4 Hier kannst Du einen Button-Link hinterlegen. Verlinkungen funktionieren, wie im Verlinkungsartikel beschrieben. 

4.5 Hier kannst Du den Text des Buttons hinterlegen.

4.6 Hier kannst Du den Button-Typ auswählen (Conversion und Standard).

4.7 Hier hinterlegst Du das Bild der Kachel mithilfe der Mediendatenbank Deiner Wahl. 

4.8 Gehe nun in den Reiter "Kachel-Optionen" > "Kachel-Erscheinungsbild".

4.9 Hier kannst Du das Farbschema der Kachel anpassen.

4.10 Hier kannst Du die Schriftfarbe verändern. 

4.11 Hier kannst Du einen Overlay für die Inhalte aktivieren. 

4.12 Gehe nun zu "Kachel-Optionen" > "Badge".

4.13 Hier kannst Du ein Badge hinterlegen und den Typ einstellen. 

4.14 Hier kannst Du die Badgegröße einstellen.

5. Abschluss

Jetzt nur noch speichern und fertig.

Hinterlegen des Moduls - Variante 1

1. Inhalt hinzufügen

Klicke auf +Inhalt in deiner Rahmenbühne:

2. Modul hinzufügen

Wähle unter "Container" > "Große Kachelwand". Speichere anschließend und schließe den Container wieder:

3. Kacheln hinzufügen

Klicke nun auf +Inhalt innerhalb der "Großen Kachelwand":

4. Pflege der Kacheln

4.1 Gehe in den Reiter "Allgemein".

4.2 Hier kannst Du den Kachel-Titel hinterlegen.

4.3 Hier den Kachel-Untertitel.

4.4 Hier kannst Du wie gewohnt einen Link für die Kachel hinterlegen. 

4.5 Hier hinterlegst Du das Bild der Kachel mithilfe der Mediendatenbank Deiner Wahl. 

4.6 Gehe nun in den Reiter "Kachel-Optionen" > "Kachel-Erscheinungsbild".

4.7 Hier kannst Du die Kachel mit einem halbtransparenten Hintergrund überlagern, um die Lesbarkeit des Texts zu steigern. 

4.8 Gehe nun in den Reiter "Kachel-Optionen" > "Badge".

4.9 Hier kannst Du ein Badge hinterlegen und den Typ einstellen. 

4.10 Hier kannst Du die Badgegröße einstellen. 

5. Abschluss

Jetzt nur noch speichern und fertig.

• Related Articles

• destination.pages: Verlinkung einer Kachel mit fertiger Contentstruktur-Seite im Pages Builder

  In diesem Video erklären wir Dir, wie eine vordefinierte Contentstruktur-Seite mit den dazugehören Kind Elementen auf eine Root Kachel verlinkt wird.

• destination.welcome: Einrichtung PWA

  Im Folgenden wird aufgeführt, wie Du destination.welcome einrichten bzw. bestehende Projekte bearbeiten kannst. destination.welcome kannst Du als PWA (Progrssive Web App) für Deine Gäste, als Landing-Page im WLAN oder als Oberfläche für Terminals, ...

• 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 ...

• Galerie/Karte, Quicksearch, Kacheln, Slider strukturierte Daten - destination.pages+

  destination.pages+ Plusmodule In diesen Videos zeigen wir Dir , wie Du mithilfe unserer pages+ Module strukturierte Daten auf Deiner Website ausspielen kannst. destination.pages+ Plusmodule Teil 1 - (0:30) Intro - (2:00) Ansicht Frontend - (2:30) ...

• Kachelwand - TYPO3

  Kachelwand - viele Themen auf einen Blick Kachelwände ermöglichen es, einen schnellen Überblick über verschiedene Themen in kompakter Form zu erhalten. Zusätzlich besteht damit die Möglichkeit, mit internen Verlinkungen auf weitere Themenseiten zu ...