Slider
Bild-Slider mit Text aus dem Editor, Hintergrundfarbe und eigener Handy-Ansicht – Slides bequem im Backend pflegen.
Der Slider zeigt große Bilder mit Text auf Ihrer Startseite oder an jeder anderen Stelle. Die Slides pflegen Sie in einer eigenen Verwaltung im Backend – mit Editor für den Text, Knopf, Hintergrundfarbe und Bildposition.
Das kann der Slider
- Slides mit Bild, Überschrift, Text und Knopf
- Hintergrundfarbe oder Farbverlauf je Slide
- Auf dem Handy automatisch Bild oben, Text darunter
- Mehrere Slider auf einer Seite (Gruppen)
- Komponente zur Verwaltung und Modul zur Anzeige
Anleitung
1. Installieren
- Laden Sie die Datei in Ihrem Konto herunter (ZIP-Datei nicht entpacken).
- In Joomla: System → Installieren → Erweiterungen → Datei hochladen.
- Für Updates: Ihren Download-Schlüssel unter System → Update-Seiten beim Eintrag des Sliders einfügen.
Installiert werden zwei Teile: die Komponente Slider (hier pflegen Sie die Slides) und das Modul Slider (es zeigt die Slides auf der Website).
2. Slides anlegen
- Komponenten → Slider → Neu.
- Titel: nur ein interner Name, er erscheint nicht auf der Website.
- Text: Überschrift und Text des Slides. Für die Überschrift „Überschrift 2“ verwenden – die Überschrift 1 gehört zur Seite.
- Bild auswählen und einen Alternativtext eintragen (was ist zu sehen?). Empfohlen ist das Format WebP. Das Bild wird nicht beschnitten.
- Button (optional): Text und Link eintragen – der Knopf erscheint nur, wenn beides ausgefüllt ist.
- Speichern. Weitere Slides genauso anlegen. Die Reihenfolge ändern Sie in der Liste per Ziehen.
3. Anordnung und Farben eines Slides
Im Reiter Anordnung und Farben legen Sie für den Desktop fest:
- Bildposition und Textposition: links, mittig oder rechts. Mit „Vollbild“ füllt das Bild die ganze Fläche und der Text liegt darüber.
- Wichtiger Bildbereich: Bei „Vollbild“ und auf dem Handy wird das Bild beschnitten. Wählen Sie hier, welcher Teil sichtbar bleiben soll – steht zum Beispiel das Auto links im Bild, „Links“.
- Hintergrundfarbe und optional Verlauf zu Farbe für einen Farbverlauf von links nach rechts.
- Textfarbe, wenn der Text auf dunklem Hintergrund steht.
- Bildbreite und Abstände in Prozent oder Pixel.
Auf dem Handy steht das Bild automatisch oben und der Text darunter – dafür müssen Sie nichts einstellen.
4. Slider auf der Website zeigen
- Inhalt → Site Module → Neu → Slider.
- Position wählen (z. B. die Position für große Bilder oben auf der Startseite) und unter Menüzuweisung die Seiten auswählen.
- Im Reiter des Moduls einstellen: Übergang (Überblenden oder Schieben), Automatisch wechseln, Anzeigedauer, Pfeile und Punkte.
- Unter Darstellung: Höhe (Seitenverhältnis oder feste Höhe), Inhaltsbreite und Farben. Mit „Farben: Vom Template übernehmen“ passt sich der Slider an Ihr Template an, wenn es Farbvorgaben bereitstellt.
Tipps
- Mehrere Slider: Tragen Sie bei den Slides eine Slider-Gruppe ein (z. B. „startseite“) und wählen Sie im Modul dieselbe Gruppe. So zeigt jedes Modul nur seine Slides.
- Aktionen mit Zeitraum: Über Anzeigen ab und Anzeigen bis erscheint ein Slide nur in einem bestimmten Zeitraum.
- Slide kopieren: In der Liste anhaken und kopieren – die Kopie ist versteckt, bis Sie sie veröffentlichen.
- Besucher, die in ihrem Gerät „Bewegung reduzieren“ eingestellt haben, sehen den Slider angehalten. Bei automatischem Wechsel gibt es immer einen Pause-Knopf.
Neu in den letzten Versionen
- Version 1.7.0 03.11.2026
- Neu: Überdeckung bei Vollbild einstellbar – Stärke (0–100 %) und Art (Verlauf von der Textseite oder gleichmäßig über das ganze Bild).
- Version 1.6.3 01.11.2026
- Herstellerangaben aktualisiert (Jomluna); keine Änderung an den Funktionen.
- Version 1.6.2 01.11.2026
- Neu: „Wichtiger Bildbereich“ je Slide – bleibt sichtbar, wenn das Bild bei Vollbild oder auf dem Handy beschnitten wird.