Galerie Responsive mit unterschiedlichen Spalten

[toyclown]

Hallo Leute,

ich habe die Standard Contao Galerie eingebunden, diese lädt in den beiden größeren Ansichten (min-windth: 992px) die Galerie in drei Spalten, in den drei kleineren Ansichten (max-width: 992px) in zwei Spalten. So weit, so gut. Allerdings musste ich um dies zu realisieren die Galerie doppelt als Inhaltselement einbauen, einmal mit drei und einmal mit zwei Spalten, die Inhaltselemente habe ich dann die CSS-Klassen zugeordnet. Mit "display: none" habe ich die jeweiligen Ansichten unterbunden, damit die Galerie nicht zweimal eingeblendet wird.

Der Nachteil an dem ganzen ist es natürlich das der Kunde immer die Galerien doppelt bearbeiten muss.

Ich hab bereits am Anfang versucht dies mit CSS umzusetzen, aber es werden immer nur die Spalten angezeigt, die man im Inhaltselement angibt.
Vielleicht hat hier jemand den passenden Code für mich?!

Zum Link, eine Galerie befindet sich auf der Startseite (eingebunden mit zwei Inhaltselementen).
https://tinyurl.com/23myc6j3

[3dr]

Da fällt mir spontan eine Lösung als CSS Flexbox Layout ein.

[Franko]

Zum Thema existieren einige Beiträge mit verschiedenen Lösungen (Suche mal "contao galerie responsive").

Neben reinen CSS Lösungen könntest du evtl. auch externe Galerie Scripts in Contao verwenden (mit entsprechenden Contao Template Apassungen).
Beispielsweise die unitegallery - basiert auf jQuery ...