Bildergalerie

Wir können für jedes Catalog Manager Modul eine oder mehrere Bildergalerien erstellen. Alles was wir brauchen ist ein Datei-Upload Eingabefeld des Catalog Mangers.

Schritt 1 Datei-Upload Eingabefeld erstellen

Datei-Upload Eingabefeld erstellen

Als erstes erstellen wir ein neues Datei-Upload Eingabefeld für irgendein Catalog Manager Modul unserer Wahl. In diesem Beispiel verwende wir das Büroartikel Modul aus Catalog Manager Demo.

Wir vergeben einen passenden Titel und passende Feldbezeichnung. Bei den Datenbankeinstellungen geben wir einen Feldnamen ein und wählen einen SQL Datentyp aus. Bei einer Bilder Gallery sollten wir immer den blob NULL Datentyp verwenden.

Schritt 2 Bilder Galerie Einstellungen

Bilder Galerie Einstellungen

Jetzt kommen wir zum Wesentlichen. Bei den Bild-Einstellungen wählen wir bei Dateityp Galerie aus. Danach öffnet sich eine erweitere Palette mit weiteren Einstellungsmöglichkeiten.

Diese ist vergleichbar mit der Galerie Palette von dem Inhaltselement Galerie.

Individuelle Sortierung

Individuelle Sortierung

Wenn wir bei Sortieren nach Individuelle Reihenfolge auswählen, benötigen wir ein weiteres Eingabefeld von Typ Datenbank Spalte (Wichtig: Hier benötigen wir ein blob NULL SQL Datentyp). Dort hinterlegt Contao automatisch die Reihenfolge der Bilder. Wenn wir das Eingabefeld angelegt haben, können wir es im Select Menü Reihenfolge Spalte auswählen.

Vorschaubild auswählen

Vorschaubild auswählen

Mit dieser Funktion können wir ein Bild aus der Bildergalerie auswählen und gesondert im Template anzeigen, ohne dabei ein weiteres Eingabefeld anzulegen. Im Template können wir folgendermaßen auf das Vorschaubild zugreifen:

$this->meinGalerieFeldnamePreview

Eingabefeld-Einstellungen

Eingabefeld-Einstellungen

Hier können wir die erlaubten Dateitypen festlegen.

Schritt 3 Bilder Einpflegen und ausgeben

Bilder Einpflegen und ausgeben

Nun können wir unsere Gallerien einpflegen und im Template ausgeben.

Galerie ausgeben:

$this->meinFeldname bzw. $this->gallery

Nicht fündig geworden?

Hier finden Sie auch ein paar nützliche Informationen: