Sortierung von Teasern im erweiterten Page Builder (Teil 4)

Im vierten Blogeintrag aus unserer Reihe zur inwebco Page Builder Erweiterung für eZ Platform stellen wir die Sortierungs-Optionen der Teaser-Inhalte vor.

Im Artikel "Teaser mit CMS-Objekten in Landingpages anreichern (Teil 2)" haben wir beschrieben wie einfach Teaser um CMS-Objekte angereichert werden können.

Diese Objekte können selbstverständlich sortiert werden, um das gewünschte Ergebnis zu erzielen. Dabei gibt es zwei Möglichkeiten:

1. Manuelle Sortierung

Frontend Ausgangssituation

Es werden 4 individuell ausgewählte direkte Objekte gezeigt:

Vorgehen

Die manuelle Sortierung lässt sich einfach via Drag & Drop vornehmen und findet primär Anwendung, wenn die dem Teaser hinzugefügten Objekte direkt angezeigt werden (und nicht die Unterobjekte).

Dazu kann einfach ein Objekt mit gehaltenem Mausklick an die gewünschte Position geschoben werden. Die Sortierung aller vorhandenen Elemente passt sich in dem Moment an, wenn der Mausklick losgelassen wird und sich das gezogene Objekt somit neu positioniert.

Für diese Demonstration verschieben wir den letzten Teaser an die erste Stelle:

Frontend Ergebnis

Die vorgenommene Sortierung wurde übernommen. Der zuvor letzte Teaser befindet sich nun an erster Position:

2. Automatische Sortierung

Frontend Ausgangssituation

Der Teaser zeigt die Unterobjekte eines Ortes, sortiert nach Erstelldatum (absteigend), an:

Vorgehen

Bei der Verwendung einer automatischen Sortierung werden die hinzugefügten Objekte gemäß der Auswahl der entsprechenden Selektion sortiert.

Dieses Vorgehen findet besonders Anwendung, wenn die Unterobjekte der hinzugefügten Inhalte im Teaser dargestellt werden.

In unserem Beispiel stellen wir die Sortierung von Erstelldatum (absteigend) auf Erstelldatum (aufsteigend) um.

Frontend Ergebnis

Nach der Umstellung der Sortierung auf das Erstelldatum (aufsteigend) hat sich die Reihenfolge entsprechend aktualisiert:

Schlusswort

Sollte es vorkommen, dass direkt hinzugefügte Objekte und die Auswahl von Unterobjekten kombiniert werden, so werden die direkt ausgewählten Objekte gemäß der automatischen Sortierung der Unterobjekte mit eingeordnet, sodass eine einheitliche Anzeige der Teaser gegeben ist.