Portfolio Gallery

Die Portfolio-Galerie ist eine Mischung aus einem Slider und einer Galerie. Auf Desktopgeräten fungiert das Element als Grid-Element, das maximal fünf Bilder anzeigt, mobil werden die Medieninhalte als Slider dargestellt.

Beispielansicht Schritt für Schritt Verhalten

Beispielansicht

Schematische Anordnung

Die folgende schematische Anordnung bildet ein Abbild der Bilder bei der jeweiligen Anzahl an ausgewählten Medeninhalten in der Portfolio Gallery. Die Grid-Form wird dabei für Endgeräte mit mindestens 840px Bildschirm-Breite ausgespielt. Als Slider erscheint die Portfolio Gallery bei Endgeräten mit maximal 840px Breite.

Schritt für Schritt

Element erstellen

Um eine Portfolio Gallery zu erstellen, klicken Sie zunächst auf +Inhalt.
Anschließend wählen Sie im Reiter Media das Element Portfolio gallery aus.

Bilder hinzufügen

Um beliebig viele Bilder hinzuzufügen, klicken Sie im Reiter Allgemein unter Medienelemente auf eine der drei Optionen Mediendatei hinzufügen, Dateien auswählen und hochladen oder Medien nach URL hinzufügen. (Alle Informationen zum Hochladen von Bildern)
Die Bilder werden in der angelegten Reihenfolge ausgespielt.

Button-Text editieren

Um einen Text beim Button auszuspielen, füllen Sie das Textfeld im Bereich Button label aus. Alternativ ist standardmäßig »Alle Medien anzeigen« hinterlegt.
Speichern Sie die Einstellungen.

Verhalten

Sie können das Portfolio-Galerie-Element sowohl in der Kopfzeile als auch im Inhaltsbereich einer Seite nutzen. In der Kopfzeile platziert, nimmt es die volle Breite des Bildschirms ein, im Inhaltsbereich hingegen die durch das Theme definierte Content-Laufweite.

Auf Desktopgeräten werden maximal fünf Bilder auf einmal angezeigt. Sind mehr als fünf Medieninhalte hinterlegt, erscheint automatisch der Button »Alle Medien anzeigen«, den Sie unter Schritt »Button-Text editieren« jederzeit editieren können. Mit Klick darauf werden die weiteren Bilder per Lightbox dargestellt.

Responsiv: Ab einer Breite von mindestens 840px wird die Portfolio Gallery als Grid angezeigt, auf Endgeräten mit weniger Pixeln in der Breite wird das Element als Slider angezeigt.