Diese Seite zeigt jeden Baustein, den eine gewöhnliche Inhaltsseite anbietet — einmal erklärt und einmal mit Beispiel. Vor jedem Baustein steht, was er ist, was sich einstellen lässt und wofür man ihn nimmt.

Medienfelder sind absichtlich leer: ein erfundener Verweis zeigt sonst auf ein Bild, das es nicht gibt. In der echten Seite wählst du dort aus der Mediathek.

Die Seite wird erzeugt. Änderungen daran gehen beim nächsten Lauf von bin/build-block-showcase.php verloren — zum Ausprobieren lege dir eine Kopie an.

Im Panel findest du diese Bausteine unter „Hinzufügen" in der Gruppe Bühne und Einstieg.

Was es ist: Die grosse Flaeche ganz oben auf der Seite, mit Bild oder Video, Ueberschrift und Knoepfen.

Einstellbar: Motiv (Bild oder Bewegtbild), Ueberschrift, Textausrichtung, Bildausschnitt, Schlagworte und bis zu zwei Knoepfe.

Wofür: Der Einstieg jeder Seite. Ueblicherweise der erste Baustein — darunter geht es inhaltlich weiter.

Kennung: matev-hero

Was es ist: Eine Buehne, die zwischen mehreren Motiven wechselt.

Einstellbar: Mehrere Folien mit je Motiv und Text, Beschriftung der Auswahl, Wechselverhalten.

Wofür: Startseite, wenn mehrere Produktwelten gleichberechtigt gezeigt werden sollen.

Kennung: matev-hero-slider

Was es ist: Kacheln der Produktbereiche, die ihre Inhalte aus der Taxonomie des PIM ziehen.

Einstellbar: Kicker und Ueberschrift. Welche Bereiche erscheinen, steuert das PIM — nicht die Redaktion.

Wofür: Einstieg ins Sortiment, direkt unter der Buehne.

Kennung: matev-product-areas

Was es ist: Zwei Auswahlfelder — Produktwelt und Gruppe — die auf die passende Kategorieseite fuehren.

Einstellbar: Ueberschrift, Unterzeile und die Beschriftung beider Auswahlfelder sowie des Knopfs.

Wofür: Wenn Besucher nicht wissen, wie das gesuchte Geraet heisst, aber den Einsatzzweck kennen.

Kennung: matev-product-finder

Was es ist: Drei nebeneinanderliegende Anreisser mit Bild, Titel und Link.

Einstellbar: Kicker, Ueberschrift, Beschriftung der Links und beliebig viele Eintraege.

Wofür: Verweise auf Unterseiten — Neuigkeiten, Anwendungsbeispiele, Themen.

Kennung: matev-teaser-row

Was es ist: Ein farbiges Band ueber die volle Breite mit Ueberschrift, Text und einem Link.

Einstellbar: Kicker, Ueberschrift, Text, Linkziel und Beschriftung.

Wofür: Saisonale Hinweise oder Aktionen, die zwischen zwei Abschnitten auffallen sollen.

Kennung: matev-promo-band

Was es ist: Eine Reihe von Herstellerlogos der Traegerfahrzeuge.

Einstellbar: Kicker, Ueberschrift und je Marke Name, Logo und Linkziel.

Wofür: Zeigt auf einen Blick, zu welchen Traegerfahrzeugen die Geraete passen.

Kennung: matev-brand-row

Was es ist: Ein Band mit Aufforderung und Knopf, meist am Seitenende.

Einstellbar: Ueberschrift, Text, Linkziel, Beschriftung und ob der Link in einem neuen Tab oeffnet.

Wofür: Der Abschluss einer Seite: Kontakt aufnehmen, Händler werden, Portal betreten.

Kennung: matev-cta-band

Im Panel findest du diese Bausteine unter „Hinzufügen" in der Gruppe Inhalt.

Was es ist: Der Grundbaustein: Ueberschrift, Unterzeile und Fliesstext, wahlweise mit Bild.

Einstellbar: Textbreite, Ausrichtung, Hintergrund, Abstand nach aussen und ein Ankername fuer Sprungmarken.

Wofür: Jeder normale Absatz. Wenn du unsicher bist, welcher Baustein passt — dieser.

Kennung: matev-text

Wir bauen Anbaugeräte für Kommunaltechnik — vom Mähwerk bis zum Streuer. Entwickelt und gefertigt in Bayern, abgestimmt auf die gängigen Trägerfahrzeuge.

Was es ist: Bild oder Video neben einem Text.

Einstellbar: Medientyp, Seite des Motivs, Ueberschrift, Text, Link, Gestaltung und Hintergrund.

Wofür: Ein Produkt oder Verfahren zeigen und zugleich erklaeren.

Kennung: matev-media-text

Was es ist: Zwei bis vier Spalten nebeneinander, jede mit Ueberschrift, Text, Bild und Link.

Einstellbar: Anzahl der Spalten, Gestaltung und je Spalte der Inhalt.

Wofür: Gleichrangige Punkte nebeneinander — Vorteile, Leistungen, Schritte.

Kennung: matev-columns

Was es ist: Untereinanderstehende Anreisser mit Bild, Text und Link.

Einstellbar: Ueberschrift und beliebig viele Eintraege.

Wofür: Laengere Aufzaehlungen, bei denen jeder Eintrag ein paar Saetze braucht.

Kennung: matev-teaser-list

Was es ist: Eine kompakte Kachel mit Hinweis, die am Rand der Seite mitlaeuft.

Einstellbar: Text und Verlinkung der Kachel.

Wofür: Schnellzugriff auf Kontakt, Download oder Händlersuche, ohne den Lesefluss zu stoeren.

Kennung: matev-info-tile

Was es ist: Ein abgesetzter Kasten fuer Hinweise, Warnungen oder Tipps.

Einstellbar: Variante (Hinweis, Warnung, Tipp), Symbol, Ueberschrift, Text und Link.

Wofür: Etwas, das nicht untergehen darf — Sicherheitshinweis, Fristen, wichtige Ausnahme.

Kennung: matev-highlight-box

Was es ist: Aufklappbare Abschnitte — nur die Ueberschriften sind sichtbar.

Einstellbar: Ueberschrift und je Eintrag Titel, Text und ob er offen startet.

Wofür: Haeufige Fragen oder lange Detailangaben, die die Seite sonst ueberfrachten.

Kennung: matev-accordion

Was es ist: Ein hervorgehobenes Zitat mit Urheber.

Einstellbar: Zitattext, Name, Funktion und ein Portraet.

Wofür: Stimmen aus der Praxis — Kunden, Händler, eigene Fachleute.

Kennung: matev-quote

Was es ist: Begriff und Erklaerung in zwei Spalten.

Einstellbar: Ueberschrift und beliebig viele Begriffspaare.

Wofür: Technische Daten, Glossar, Lieferumfang.

Kennung: matev-description-list

Was es ist: Stationen entlang einer Zeitachse.

Einstellbar: Ueberschrift und je Station Jahr, Titel, Text und Bild.

Wofür: Unternehmensgeschichte, Entwicklungsschritte einer Baureihe.

Kennung: matev-timeline

Was es ist: Mehrere Bilder, durch die man blaettert.

Einstellbar: Gestaltung, automatischer Wechsel und je Folie Bild, Ueberschrift, Text und Link.

Wofür: Ein Geraet aus mehreren Blickwinkeln oder im Einsatz zeigen.

Kennung: matev-image-slider

Was es ist: Mehrere Bilder als Raster oder Mosaik.

Einstellbar: Ueberschrift, Bildauswahl, Anordnung und Spaltenzahl.

Wofür: Bildstrecken — Messeauftritt, Referenzen, Produktfamilie.

Kennung: matev-image-gallery

Was es ist: Interaktive Ansicht eines Geraets, 3D oder 360 Grad.

Einstellbar: Art der Ansicht, Datenquelle und Vorschaubild.

Wofür: Erklaerungsbeduerftige Technik, die man drehen koennen sollte.

Kennung: matev-media-viewer

Was es ist: Eine Karte mit gesetzten Markierungen.

Einstellbar: Ueberschrift, Startzoom und je Markierung Koordinaten, Beschriftung und Link.

Wofür: Standorte, Händlernetz, Anfahrt.

Kennung: matev-map

Was es ist: Eine Trennlinie oder schlicht Abstand.

Einstellbar: Abstandsgroesse und ob eine Linie sichtbar ist.

Wofür: Zwei Abschnitte voneinander absetzen, ohne eine neue Ueberschrift zu erfinden.

Kennung: matev-divider

Was es ist: Bindet einen Abschnitt ein, der an einer zentralen Stelle gepflegt wird.

Einstellbar: Welche Schnipselseite eingebunden wird, Abstand und Verlaeufe an den Kanten.

Wofür: Inhalte, die auf vielen Seiten gleich sind — Kontaktblock, Hinweis, Händleraufruf. Einmal aendern, ueberall aktuell.

Kennung: matev-shared-section

Was es ist: Freier HTML-Code.

Einstellbar: Den Code selbst.

Wofür: Nur als letzter Ausweg — eingebettete Fremdinhalte, fuer die es keinen eigenen Baustein gibt. Alles andere gehoert in einen richtigen Baustein.

Kennung: matev-html

Im Panel findest du diese Bausteine unter „Hinzufügen" in der Gruppe Listen und Formulare.

Was es ist: Zeigt die neuesten Beitraege automatisch an.

Einstellbar: Ueberschrift, Quelle, Anzahl und Kategoriefilter.

Wofür: Aktuelles auf der Startseite, ohne die Liste von Hand zu pflegen.

Kennung: matev-news-feed

Was es ist: Beitraege aus dem Magazin, ueber eine Abfrage ausgewaehlt.

Einstellbar: Ueberschrift und die Abfrage.

Wofür: Thematisch passende Hintergrundartikel unter einem Produktbereich.

Kennung: matev-magazine-feed

Was es ist: Liste der Pressemitteilungen.

Einstellbar: Umfang und Sortierung.

Wofür: Die Presseseite.

Kennung: matev-press-feed

Was es ist: Kommende Termine und Messen.

Einstellbar: Ueberschrift, ob nur kuenftige Termine erscheinen, und die Anzahl.

Wofür: Messekalender, Schulungstermine.

Kennung: matev-event-feed

Was es ist: Ansprechpartner mit Bild, Funktion und Kontaktdaten.

Einstellbar: Ueberschrift, Art der Ansprechpartner und Region.

Wofür: Vertrieb nach Gebiet, technischer Service, Ersatzteilannahme.

Kennung: matev-contact-list

Was es ist: Uebersicht des gesamten Sortiments auf einen Blick.

Einstellbar: Ueberschrift, Einleitung und welche Kategorien gezeigt werden.

Wofür: Die Aussage „alles aus einer Hand" belegen, statt sie nur zu behaupten.

Kennung: matev-one-stop-shopping

Was es ist: Ein frei zusammengestelltes Formular.

Einstellbar: Kennung, Ueberschrift, Einleitung, Zielseite nach dem Absenden, Spamschutz und die Felder selbst.

Wofür: Kontakt, Rückruf, Katalogbestellung.

Kennung: matev-form

Was es ist: Anmeldung zum Newsletter.

Einstellbar: Ueberschrift, Einleitung, Verteiler und ob doppelt bestaetigt wird.

Wofür: Am Seitenende oder auf einer eigenen Landingpage.

Kennung: matev-newsletter-signup

Was es ist: Vorgefertigte Formulare fuer wiederkehrende Faelle.

Einstellbar: Welche Art von Formular und eine Einleitung.

Wofür: Händleranfrage, Reklamation, Ersatzteilanfrage — ohne die Felder jedes Mal neu zu bauen.

Kennung: matev-special-forms

Was es ist: Ein Suchfeld mitten im Inhalt.

Einstellbar: Platzhaltertext und in welchen Bereichen gesucht wird.

Wofür: Einstiegsseiten mit viel Inhalt, etwa der Service-Bereich.

Kennung: matev-search

Im Panel findest du diese Bausteine unter „Hinzufügen" in der Gruppe Gliederung.

Was es ist: Ein Raster aus Zeilen und Spalten, in das weitere Bausteine hineinkommen.

Einstellbar: Aufteilung der Spalten; der Inhalt entsteht aus den Bausteinen darin.

Wofür: Wenn zwei Bausteine wirklich nebeneinander stehen sollen. Fuer normalen Text nicht noetig — die Bausteine stehen ohnehin untereinander.

Kennung: subgrid