Slider Element
Ein Slider mit mehreren Bildern, zentriert auf der Seite.
Item-ID: 05-002
Beispielansicht Anleitung Verhalten
Beispielansicht
Anleitung
Bilder anlegen
- Klicken Sie auf den Button Inhalt und wählen unter dem Reiter Media das Element Slider Element aus.
- Klicken Sie nun im Reiter Content Bild hinzufügen/Add media file.
- Wählen Sie eine/mehrere Bilddateien aus Ihrer Fileliste aus oder laden Sie die gewünschten Dateien in den entsprechenden Ordner hoch.
Bilder bearbeiten
- Unter jedem nun hochgeladenen Bild öffnet sich ein Menü zur Bearbeitung der Bild-Metadaten.
Bilder formatieren
- Unter dem Button Editor öffnen können Sie das Seitenverhältnis für Mobile, Tablet-, Desktop- oder Widescreen-Ansicht anpassen.
- Setzen Sie den Bildfokus für das Responsive-Verhalten jeweils auf die gewünschte Bildfläche.
Element Design für das Element
In diesem Element können Sie das Erscheinungsbild ganz leicht mit dem Element Design via einem Klick individualisieren. Mit der Auswahl von Standard, Primary, Secondary sowie Schriftfarbe wechseln Sie die Farbe der Pfeile am rechten und linken Rand des Slides sowie der Bullets in der Progress Bar entsprechend der in den Theme-Settings definierten Farbe.
- Mit Klick auf das Dropdown-Menü unter Farbe im Reiter Allgemein erhalten Sie die Auswahl für eine individuelle Designfarbe.
- Wählen Sie aus Standard, Primary, Secondary sowie Schriftfarbe die gewünschte Option aus.
- Speichern Sie die Änderungen im Element, damit sie sichtbar werden.
Verhalten
Das Slider Element bietet Ihnen die Möglichkeit, mehrere Bilder in Form einer Galerieschleife darzustellen. Achten Sie auf ein ähnliches Seitenverhältnis der Bilder und meiden die Mischung von Hoch- und Querformaten.
Responsive: Das Slider-Element wird bei jeder verfügbaren Bildschirmgröße in einem festen Verhältnis vollständig angezeigt.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.