Mehrere Bildergalerien in einer Lightbox öffnen

  • 4.9
  • 4.13

Wenn auf einer Seite zwei oder mehrere Galerien eingebunden sind, werden diese getrennt in der Lightbox geöffnet. Man kann nicht über alle Bilder in der Lightbox blättern. Eine kleine Templateanpassung ändert dieses Verhalten, so dass alle Bilder die selbe Lightbox ansteuern.

1. Templates kopieren

Zuerst erstellst du von den folgenden Templates eine Kopie und benennst diese um.

  • gallery_default.html5 kopieren nach gallery_lightbox.html5
  • image.html5 kopieren nach image_lightbox.html5

(Du kannst statt lightbox natürlich jeden beliebigen Namen verwenden)

3. image_lightbox.html5 anpassen

In diesem Template musst du folgende Änderung durchführen:

  • ALT: <?= $this->attributes ?>
  • NEU: data-lightbox="lbcommon"

Für lbcommon kannst du auch jeden beliebigen eigenen Namen verwenden.

4. Template zuordnen

Nun ordnest du bei allen Galerien, die auf einer Seite zusammen geöffnet werden sollen, das neue Template gallery_lightbox zu.

Contao eigenes Galerie Template wählen
Hat dir dieser Artikel gefallen?

Willst du in Zukunft keinen Artikel verpassen?
Dann trage hier deine E-Mailadresse ein und klicke auf "Abonnieren". Du erhältst regelmäßig aktuelle Infos über Contao und die Contao-Academy.

Wir geben deine Daten niemals an Dritte weiter. Du kannst deine E-Mail-Adresse jederzeit mit nur einem Mausklick aus unserem System löschen. Der Newsletter Versand sowie die individuelle Messung, Speicherung und Auswertung von Öffnungsraten und der Klickraten in Empfängerprofilen erfolgen durch KlickTipp. Ausführliche Hinweise erhältst du in unserer Datenschutzerklärung.

Über den Autor
Christian Feneberg (Gründer Fenepedia)

Christian Feneberg ist der Gründer der Contao-Academy und erstellt seit 2010 Websites mit Contao. Außerdem ist er im Team von trakked.io. und regelmäßig auf YouTube in der Contao Show zu sehen. Neben Contao begeistert er sich für Online-Marketing, Unternehmertum und Persönlichkeitsentwicklung.

Folge Christian jetzt auf Twitter, Xing und LinkedIn.

Einen Kommentar schreiben

Was ist die Summe aus 2 und 4?