MEC-Templates – Optionen im Webseiten-Tab
Die MEC-Templates A, D, Grooss, Green bieten ihren Center-Admins im Dashboard unter Center → Webseite eine wachsende Sammlung an Reitern, mit denen sich der Look ihrer Center-Seite ohne Code-Eingriff anpassen lässt. Diese Seite gibt dir den Überblick, wo welche Option liegt und was sie bewirkt.
Hinweis: Die Verfügbarkeit der Reiter hängt vom gewählten Website-Template ab. Du findest die Auswahl unter Webseite → Aktivierung → Website-Template.
Seiten-Layouts (neuer Reiter)
Jedes der vier MEC-Templates hat im Webseiten-Tab einen Reiter „Seiten-Layouts". Dort kannst du pro Unterseite zwischen mehreren Darstellungsvarianten wählen. Wenn du nichts auswählst, greift der Template-Default – das entspricht der Live-Parität (so, wie es auf dem ursprünglichen Live-Center aussieht).
Welche Varianten gibt es?
| Seite | Varianten | Wann nehmen? |
|---|---|---|
| Aktuelles | „Klassisch" (3-Spalten-Liste, Template-A-Live) oder „Flex-Grid" (große Tiles, Grooss/Green/D-Live) | Klassisch wirkt aufgeräumt für News-Center mit viel Text; Flex-Grid betont Bilder |
| Angebote | „Klassisch" (4er-Reihen mit Inline-Detail, Template-A-Live) oder „Flex-Grid" (2 Spalten mit Preis-Badge, Grooss/Green-Live) | Klassisch für Listen mit vielen Angeboten; Flex-Grid für hervorstechende Aktionen |
| Jobs | „Klassisch" (Standard-Container, Template-A-Live) oder „Grooss-Stil" (Abstand-Linien zwischen Shops, Grooss/Green-Live) | Grooss-Stil mit Linien ist klarer bei mehreren Shops mit Stellen; Klassisch ist kompakter |
| Service | „Klassisch" (Template-A-Live), „Grooss-Stil" (Grooss-Live) oder „Green-Stil" (Green-Live mit Service-Wrapper) | Green-Stil zeigt zusätzliche Untertitel pro Service |
Wie verwende ich das?
- Webseite → Seiten-Layouts öffnen.
- Pro Seite eine Variante anklicken. Die aktive Variante ist farbig hervorgehoben; darunter steht der Template-Default, der greift, wenn nichts gewählt ist.
- Speichern – die Center-Webseite rendert beim nächsten Aufruf die neue Variante.
- „Auf Template-Default zurücksetzen" verwirft die Center-spezifische Auswahl wieder.
Technisch: Der Wert wird unter
templateContent[<template-key>].pageLayouts.<page>gespeichert (z. B.templateContent['mec-template-grooss'].pageLayouts.angebote = 'classic'). Wird das Feld nicht gesetzt oder gelöscht, greift der Template-Default aus dem Code – siehe Developer-Guide:_mec-shared-Bausteine.
Welches Template hat welche Optionen?
| Template | Aktuelles | Angebote | Jobs | Service |
|---|---|---|---|---|
| A | classic ↔ flex | classic ↔ flex | classic ↔ grooss | classic ↔ grooss ↔ green |
| D | classic ↔ flex | — (D nutzt eigene Implementierung) | — | — |
| Grooss | classic ↔ flex | classic ↔ flex | classic ↔ grooss | classic ↔ grooss ↔ green |
| Green | classic ↔ flex | classic ↔ flex | classic ↔ grooss | classic ↔ grooss ↔ green |
Template D hat für Angebote/Jobs/Service eine eigene, fest verdrahtete Implementierung außerhalb der gemeinsamen Bausteine; dort gibt es darum keine Layout-Wahl.
Pflege der Seiten-Hero-Bilder und SEO
Für die wichtigsten Unterseiten gibt es pro Template eigene Reiter, in denen du Seitentitel, Untertitel, ein Hero-Bild (per FileUpload, mit Stockbildern als Alternative) und die SEO-Meta-Felder pflegen kannst:
Seite: AktuellesSeite: AngeboteSeite: JobsSeite: ServiceSeite: Kontakt- (
Seite: Shops– existiert seit längerem) - (
Seite: Gutschein/Seite: Impressionen/Seite: Angebote (Detail)– nur Template D)
Die Inhalte sind unabhängig vom Template in der Datenbank gespeichert
(API page-content mit pageType). Wechselt ein Center das Template,
bleiben Hero-Bild und Meta-Texte erhalten.
Tipp: MEC-Templates haben eigene Seite: …-Reiter – „Seiten-Texte" (Dropdown) ist dafür ausgeblendet (Navigation im Webseiten-Tab). Anfahrt im Reiter „Anfahrt" (alle MEC-Templates). Impressum, Datenschutz und Rechtliche Hinweise bei MEC-Templates im Reiter „Rechtliches" (siehe unten).
Rechtliches (Reiter „Rechtliches“)
Für alle MEC-Templates (A, C, D, Grooss, Green, ShopBox) gibt es einen gemeinsamen Reiter „Rechtliches" im Webseiten-Tab.
| Seite | Route | Inhalt |
|---|---|---|
| Impressum | /impressum | Freitext optional; sonst strukturierte Felder aus Reiter Legal |
| Datenschutz | /datenschutz | wie Impressum |
| Rechtliche Hinweise | /rechtliche-hinweise | Freitext/HTML (nur A/C/D/Grooss/Green; ShopBox ohne diese Route) |
Firmendaten (Betreiber, Register, Datenschutzbeauftragter, Impressums-Adresse) bleiben im Reiter Legal unter „Legal & Vorschau". Im Reiter Rechtliches pflegst du pro Seite optional den Freitextmodus, formatierten Inhalt und SEO (Meta-Titel, Meta-Beschreibung).
Legacy: Früher lag der AGB-/Hinweistext unter pageType
agb(Route/agb). MEC verlinkt im Footer/rechtliche-hinweise. Bestehendeagb-Texte werden auf der Website weiter angezeigt, bis du sie unter Rechtliches → Rechtliche Hinweise speicherst.
Anfahrt (Reiter „Anfahrt“)
Für alle MEC-Templates (A, C, D, Grooss, Green, ShopBox) gibt es einen eigenen Reiter „Anfahrt" im Webseiten-Tab.
| Template-Gruppe | Was du dort pflegst |
|---|---|
| A / C / D / Grooss / Green | Seitentitel (h1) und Verkehrsmittel-Blöcke (Auto, ÖPNV, Fahrrad …) mit optionalen Icons und verschachtelten Textblöcken – wie im Legacy-MEC-Repeater |
| ShopBox | Sektionstitel, Karten-Embed, Adresszeilen und Anreise-Blöcke (heading/body, optional Link) |
Karte & Koordinaten: Die Karte auf der Anfahrt-Seite nutzt die
Center-Koordinaten aus den Stammdaten (werden beim MEC-Import aus
adresse bzw. anfahrt.adresse übernommen, sofern vorhanden).
MEC-Import: Beim Import aus dem Legacy-MEC werden die Repeater-Felder
anfahrt.<sprache>.verkehrsmittel[] inkl. textblock[] automatisch in
diesen Reiter geschrieben (ShopBox zusätzlich als flache Blöcke). Details:
Developer-Guide: MEC-Import.
Hotspot / WLAN (Reiter „Hotspot / WLAN“)
Für MEC Template A, C, D, Grooss, Green (nicht ShopBox) gibt es den Reiter
„Hotspot / WLAN“ im Webseiten-Tab. Die öffentliche Seite liegt unter
/hotspot – ohne normales Center-Header/Footer (Captive Portal wie im
Legacy-MEC).
| Bereich | Inhalt |
|---|---|
| Aktiv | Hotspot geöffnet vs. geschlossen (Slogan/Text „geschlossen“). Zusätzlich gelten die Center-Öffnungszeiten (Europe/Berlin); das Fenster kann durch den Shop „real“ erweitert werden – wie im Legacy-MEC (isOnline()). |
| Bilder | Person, Provider-Logo, Slogan geöffnet/geschlossen |
| Texte | Subheader, zwei Checkbox-Texte, Button, Opt-out (HTML möglich) |
| Meraki | Optional feste Continue-URL statt Query-Parameter von Meraki |
Speicherort: themeOverrides.templateContent.hotspot (template-übergreifend).
MEC-Import: Endpoint /hotspot?center_id=… wird beim Import unter
Website-Konfiguration nach Bunny hochgeladen und in diesen Reiter geschrieben.
Meraki: Das Formular postet an POST /api/[center-slug]/hotspot/grant und
leitet bei beiden aktivierten Checkboxen auf die Meraki-Grant-URL weiter.
MEC ShopBox – Helle Unterseiten (Reiter „Header & Navigation“)
Für mec-shopbox gibt es im Reiter Header & Navigation unter Optionen den Schalter „Helle Unterseiten“.
| Zustand | Wirkung |
|---|---|
| Aus (Standard) | Wie bisher: dunkle Unterseiten (#1e2733 / #0f1720), helle Kacheln auf Shops/Aktuelles/Öffnungszeiten, dunkler Seitenkopf. Live-Parität bleibt erhalten. |
| An | Unterseiten mit hellem Seitenhintergrund (#f8f9fa), weißem Kopfbereich und dunkler Schrift; Kacheln und Formulare bleiben lesbar (weiße Karten / angepasste Textfarben). |
Betroffen u. a.: Shops, Aktuelles, Öffnungszeiten, Anfahrt, Über uns, Vermietung, Centerplan-Kopf, Impressum, Datenschutz, Kontakt.
Technisch: templateContent['mec-shopbox'].subpageTheme = 'light' (nur wenn aktiv; fehlt das Feld → dunkel).
Passage & Zugang (Öffnungszeiten-Seite)
Im selben Reiter Header & Navigation → Optionen steuert der Schalter „Passage & Zugang auf Öffnungszeiten“ die weiße Info-Karte oben auf /oeffnungszeiten („Ihr Besuch im Center“, optionale Center-Zeiten aus den Stammdaten).
| Zustand | Wirkung |
|---|---|
| An (Standard) | Karte wird angezeigt (wie bisher / Live-Parität). |
| Aus | Nur der Block Geschäfts-Öffnungszeiten (und ggf. Services) bleibt sichtbar. |
Technisch: templateContent['mec-shopbox'].passageInfoEnabled = false schaltet ab; fehlt das Feld → an.
Navigation – Vermietung (Reiter „Vermietung“)
Für MEC Template A, C, D, Grooss, Green und MEC ShopBox gibt es einen
eigenen Reiter „Vermietung“ im Webseiten-Tab. Dort steuert ihr den
Menüpunkt Vermietung in der Hauptnavigation – unabhängig vom späteren
Seitenlayout unter /vermietung.
| Option | Wirkung |
|---|---|
| Menüpunkt anzeigen | Ein/Aus (entspricht dem optionalen Link im MEC-Original-header.tpl) |
| Bezeichnung im Menü | z. B. „Vermietung“ |
| Eigene Seite im Cockpit (/vermietung) | Aus (Standard): externer Link. An: Link zur Cockpit-Seite /vermietung (Layout folgt später) |
| Externer Link | URL, die in einem neuen Tab geöffnet wird (target=_blank), Standard: MEC-Portal |
Technisch: templateContent[<template-key>].header.vermietung mit
label, externalUrl, useInternalPage, enabled.
Der ältere Schlüssel header.vermietungUrl (Template D) wird weiter gelesen.
MEC ShopBox: Im Reiter „Vermietung“ zusätzlich die Homepage-Sektion (Titel, Intro, Formular) und die Navigations-Optionen.
Querverweise
- Entwickler-Doku zu den geteilten Bausteinen:
_mec-shared - Template-spezifische Pixel-Treue-Checklisten: Template-A, Grooss, D
- Übersicht der Dashboard-Reiter und Module: Navigation & Module
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /center-website/mec-webseiten-tab-optionen