Overview Teaser

Description

4 bordered rectangles among each other each with image beneath text while image alignment alternates on each element — These fullsized teasers are intended for higher levelled 'main' node pages (e. g. direct links from the top level of the main menu)

3 rows of 3 different coloured tiles showing white Icons (with blue keyword below each coloured area) — Use these for (cross-) references to neighboured categories or pages or for deeper levelled nodes on the same level

This component generates automatically a series of cards/teasers based on the targeted sector reference (a directory of the DAM).

This component usually is used on node pages for distribution reasons.
The teasers' appearance may be set from small card looking items to full width image-text elements listed with alternating image alignment.

Usage

The OverviewTeasers component can be related to navigation. Indeed, it allows you to visually represent several sub-sectors (directory) of the website.

The Overview Teaser Component will be placed into the Content layout Container without using a Column Control.
Only on overview pages which might be available as a page template
Full width Teasers are used on 1st level overview pages (e.g. Industries, Products, Company, etc)

Demonstration (see below)

This "OverviewTeaser" module below was built with following properties:

Teaser Variant Types: "Full width teaser"
Teaser Type: "Child Pages"
Parent Path: "/content/ebm-papst/language-masters/de/company"

This "OverviewTeaser" module below was built with following properties:

Teaser Variant Types: "Small teaser with description"
Teaser Type: "fixed list"
Teaser List: "Teaser Pagepath", 3 different one:
/content/ebm-papst/language-masters/de/newsroom/events (left card)
/content/ebm-papst/language-masters/de/newsroom/news (middle card)
/content/learn-and-support/language-masters/en/Design (right card)

Events

Wir sind auf folgenden Messen, Events und Veranstaltungen und laden Sie ein, uns auf unseren Ständen zu besuchen. Informieren Sie sich über unsere Produktneuheiten, tauschen Sie mit unseren Fachleuten aus Entwicklung und Vertrieb Erfahrungen aus oder lernen Sie uns einfach nur kennen.

News

Finden Sie hier aktuelle Unternehmensnachrichten und Informationen zu Produktneuheiten.

This "OverviewTeaser" module below was built with following properties:

Teaser Variant Types: "Small teaser with description"
Teaser Type: "Child Pages"
Parent Path: "/content/ebm-papst/language-masters/de/company"

Über ebm-papst

Mit über 20.000 Produkten bieten die ebm-papst Unternehmensgruppe für praktisch jede Aufgabe in der Luft- und Antriebstechnik die passende, energieeffiziente und intelligente Lösung.

Karriere

Stellenangebote beim Technologieführer. Von zufriedenen Mitarbeitern empfohlen!

Nachhaltigkeit

Meilensteine

Meilensteine definieren Abschnitte und Fortschritt. Nicht selten wurden diese in der Vergangenheit für uns zu Fundamenten für breite Programme und unterschiedlichste Anwendungen.

Mitgliedschaften

ebm-papst engagiert sich in Verbänden und unterstützt vor allem auch „grüne“ Initiativen.

Soziale Verantwortung

Wir unterstützen mit vielfältigen Aktivitäten das Gemeinwesen in unseren Standorten und Regionen. In ganz besonderem Maße haben wir dabei die Jugend im Blick.

Compliance

Ein wichtiger Teil unserer Unternehmenskultur ist, dass wir unser Handeln eben nicht nur an den gesetzlichen Vorgaben ausrichten, sondern uns darüber hinaus auch ethischen Standards verpflichten.

This "OverviewTeaser" module below was built with following properties:

Teaser Variant Types: "Small teaser with description"
Teaser Type: "fixed list"
Teaser List: "Teaser Pagepath", 2 different one:
/content/ebm-papst/language-masters/de/newsroom/events
/content/ebm-papst/language-masters/de/newsroom/news

Events

News

This "OverviewTeaser" module below was built with following properties:

Teaser Variant Types: "Small teaser with description"
Teaser Type: "Child Pages"
Parent Path: /content/ebm-papst/language-masters/de/company

Über ebm-papst

Karriere

Nachhaltigkeit

Meilensteine

Mitgliedschaften

Soziale Verantwortung

Compliance

How to build an OverviewTeaser

How to built an Overview Teaser — How to build an Overview Teaser Component

In the edit mode, drag and drop the Overview Teaser Component from the Components list in a Content Layout Container. Double click on the dropped component to start editing.

❶ Choose the variant (the appearance) of the teaser you want. You can choose between three types of teasers:

Full width teaser: The teasers are displayed horizontally and (automatically) alternate image and text (left right, right left, ...).
Small Teaser without description: Teasers are displayed vertically with only an image (or icon) and a title.
Small Teaser with description: Teasers are displayed vertically with an image (or icon), a title and a description.

❷ Teaser Type: You can choose between two types of teasers:

Child pages: Will display all teasers of a directory. Example: /content/ebm-papst/language-masters/de/company
Fixed list: Will display only teasers you're choosing of a sub-directory.

In the case you choose "Fixed List" please jump to point ❺.

❸ Parents path: Sets the parents path.

❹ Child depth: Sets how (directory) deep the teasers will be displayed

❺ If you choose by point ❷ "fixed List" you have to define the sub-directory.

❻ Teaser Pagepath: Determines the directory in which the teasers to be displayed are located (in this case two). Example:
/content/ebm-papst/language-masters/de/newsroom/events
and (in this case)
/content/ebm-papst/language-masters/de/newsroom/news

❼ To add a new directory.