Zum Inhalt springen
Für Joomla 6 · Updates per Klick · Support per Ticket Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.
Joomla-Erweiterungen mit Updates

Slider

Bild-Slider mit Text aus dem Editor, Hintergrundfarbe und eigener Handy-Ansicht – Slides bequem im Backend pflegen.

Ansicht: Slider auf einer Beispielseite

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

  1. Laden Sie die Datei in Ihrem Konto herunter (ZIP-Datei nicht entpacken).
  2. In Joomla: System → Installieren → Erweiterungen → Datei hochladen.
  3. 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

  1. Komponenten → Slider → Neu.
  2. Titel: nur ein interner Name, er erscheint nicht auf der Website.
  3. Text: Überschrift und Text des Slides. Für die Überschrift „Überschrift 2“ verwenden – die Überschrift 1 gehört zur Seite.
  4. Bild auswählen und einen Alternativtext eintragen (was ist zu sehen?). Empfohlen ist das Format WebP. Das Bild wird nicht beschnitten.
  5. Button (optional): Text und Link eintragen – der Knopf erscheint nur, wenn beides ausgefüllt ist.
  6. 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

  1. Inhalt → Site Module → Neu → Slider.
  2. Position wählen (z. B. die Position für große Bilder oben auf der Startseite) und unter Menüzuweisung die Seiten auswählen.
  3. Im Reiter des Moduls einstellen: Übergang (Überblenden oder Schieben), Automatisch wechseln, Anzeigedauer, Pfeile und Punkte.
  4. 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.
Nach oben