Area Bricks: Teasers & Lists

Dataobject-Teaser

Die Area Brick "Dataobject Teaser" ist ein Content-Baustein in Pimcore, der speziell für die Darstellung von Inhalten entwickelt wurde, die auf Datenobjekten basieren. Im Gegensatz zu rein statischen Teasern, wie bei der "Teaser with Link" oder "Teaser List with Link", greift dieser Baustein auf strukturierte Daten zurück, die zentral verwaltet werden. Dies ermöglicht eine dynamische und konsistente Darstellung von Informationen.

Derzeit können folgende Datenobjekte in dieser CMS-Komponente verwendet werden:

Nr.
Datenobjekt
Erklärung des Datenobjekts
Die Area Brick "Dataobject-Teaser"

Wir die
Durch Klick auf

draft

draft

Teaser tile

draft

Two-column-content-teaser

draft

Publication list

Die Komponente wird verwendet um Publikationen bzw. News-Beiträge automatisch auszugeben. In der Komponente kann definiert werden welche Kategorien, Typen und Themen von Publikationen ausgegeben werden sollen.

Konfiguration
Beschrieb

Highlight first post

Der aktuellste Beitrag kann grösser dargestellt werden

Publication Type

Es ist möglich nur gewisse Typen von Publikationen anzuzeigen

Hide Filters

Die Filter können ein und ausgeblendet werden

Limit

Es kann festgelegt werden, wie viele Beiträge im Frontend angezeigt werden sollen

Job list

draft

Fair list

draft

Fairs by Categories

draft

Icon-list

draft

Placeholder Block

Die Placeholder Komponente ist dazu da, um bei einem Grid einen Leerblock einfügen zu können, damit die nächste Grid Zeile wieder an Anfang starten kann.

Wie die Placeholder Block Komponente verwendet werden kann

zu beachten:

  • Sie kann nicht verwendet werden um einen grösseren Absatz/Abstand zwischen zwei Blöcken bzw. Komponenten zu machen. Dafür müsste die Komponente Wisywyg verwendet werden.

Point of Service Teaser

draft

Product Teaser List

Die Area Brick ermöglicht die Darstellung von Produkten auf CMS Seiten und Snippets:

Konfiguration Backend:

Include Products

In diesem Bereich könnten Categories (Lines und Produktgruppen) sowie Products (Produkte) hinzugefügt werden

Exclude Products

In diesem Bereich können aktuell nur einzelne Produkte exkludiert werden. Diese Funktion ist optional und muss nur verwendet werden wenn man bestimmte Produkte aus einer Category exkludieren möchte.

Aktuelle Logik:

Es können maximal 20 Produkte angezeigt werden.

Es können maximal 6 Product-Features angezeigt werden.

Die Reihenfolge der Produkte bei Zuweisung einer Category erfolgt alphabetisch

Die Reihenfolge der Produkte bei Zuweisung einzelner Produkte erfolgt in der Reihenfolge des Backends

Darstellung Frontend:

1 Produkt

  1. Trennlinie (kann optional hinzugefügt werden)

  2. Headline (kann optional hinzugefügt werden)

  3. Produktkachel

  4. Produkthauptbild

    1. Klickbar → leitet auf PDP weiter

  5. Produktname (NAME)

    1. Klickbar → leitet auf PDP weiter

  6. Produktbeschreibung (DESCRIPTION)

    1. Wird nach 4 Zeilen abgeschnitten.

  7. Produktmerkmale (PRODUCT FEATURES)

    1. Wird nach 6 Zeilen abgeschnitten.

  8. CTA

    1. Default Label “Mehr dazu”

    2. Label kann individuell angepasst werden

    3. Leitet weiter auf PDP

2-3 Produkte

  • Bei zwei oder drei Produkten wird die Komponente um eine Swiper-Funktion erweitert.

  • Mit den Pfeilen unterhalb der Komponente kann zwischen den verschiedenen Produkten navigiert werden.

  • Wie bei bestehenden Swiper-Komponenten (z. B. auf dem Profil-Dashboard) swiped die Komponente automatisch weiter.

4 Produkte

  • Bei vier Produkten werden sie in der Produktkachel nebeneinander angezeigt

  • Ein Klick auf die Kachel (ganze Kachel klickbar) leitet auf die zugehörige PDP weiter

  • Hier wird nur noch der Produktname und das Bild angezeigt.

5 und mehr Produkte

  • Bei fünf oder mehr Produkten, werden diese ebenfalls nebeneinander angezeigt.

  • Sind es mehr als fünf Produkte, wird die Komponente ebenfalls um eine Swiper-Funktionalität ergänzt.

Mobile

  • Für Mobile wird die bestehende Produktkachel verwendet.

  • Bei mehreren Produkten, besteht hier ebenfalls die Swipe-Funktion.

Last updated