MEC-Templates – Options in the Website Tab

The MEC templates A, D, Grooss, Green provide their center admins with a growing collection of tabs in the dashboard under Center → Website, allowing them to adjust the look of their center page without coding. This page gives you an overview of where each option is located and what it does.

Note: The availability of the tabs depends on the selected website template. You can find the selection under Website → Activation → Website Template.

---

Page Layouts (New Tab)

Each of the four MEC templates has a tab “Page Layouts” in the website tab. Here you can choose from several display variants for each subpage. If you don't select anything, the template default will apply – this corresponds to the live parity (as it appears on the original live center).

What variants are available?

Page	Variants	When to use?
News	“Classic” (3-column list, Template-A-Live) or “Flex-Grid” (large tiles, Grooss/Green/D-Live)	Classic looks tidy for news centers with lots of text; Flex-Grid highlights images
Offers	“Classic” (4-row with inline detail, Template-A-Live) or “Flex-Grid” (2 columns with price badge, Grooss/Green-Live)	Classic for lists with many offers; Flex-Grid for standout promotions
Jobs	“Classic” (standard container, Template-A-Live) or “Grooss-Style” (spacing lines between shops, Grooss/Green-Live)	Grooss-Style with lines is clearer for multiple shops with job postings; Classic is more compact
Service	“Classic” (Template-A-Live), “Grooss-Style” (Grooss-Live) or “Green-Style” (Green-Live with service wrapper)	Green-Style shows additional subtitles per service

How do I use this?

1. Open Website → Page Layouts.
2. Click on a variant for each page. The active variant is highlighted in color; below it is the template default, which applies when nothing is selected.
3. Save – the center website will render the new variant upon the next visit.
4. “Reset to Template Default” discards the center-specific selection.

Technically: The value is stored under templateContent[<template-key>].pageLayouts.<page> (e.g., templateContent['mec-template-grooss'].pageLayouts.offers = 'classic'). If the field is not set or deleted, the template default from the code applies – see Developer-Guide: _mec-shared components.

Which template has which options?

Template	News	Offers	Jobs	Service
A	classic ↔ flex	classic ↔ flex	classic ↔ grooss	classic ↔ grooss ↔ green
D	classic ↔ flex	— (D uses its own implementation)	—	—
Grooss	classic ↔ flex	classic ↔ flex	classic ↔ grooss	classic ↔ grooss ↔ green
Green	classic ↔ flex	classic ↔ flex	classic ↔ grooss	classic ↔ grooss ↔ green

Template D has a separate, hardwired implementation for offers/jobs/service outside of the shared components; therefore, there is no layout choice.

---

Managing Page Hero Images and SEO

For the most important subpages, there are specific tabs per template where you can manage page titles, subtitles, a hero image (via file upload, with stock images as an alternative), and SEO meta fields:

• Page: News
• Page: Offers
• Page: Jobs
• Page: Service
• Page: Contact
• (Page: Shops – has existed for some time)
• (Page: Voucher / Page: Impressions / Page: Offers (Detail) – only Template D)

The contents are independent of the template and stored in the database (API page-content with pageType). If a center changes the template, the hero image and meta texts remain intact.

Tip: MEC templates have their own Page: ... tabs – “Page Texts” (dropdown) is hidden for this purpose (Navigation in the Website Tab). Directions in the “Directions” tab (all MEC templates). Imprint, Data Protection, and Legal Notices for MEC templates in the “Legal” tab (see below).

---

Legal (Tab “Legal”)

For all MEC templates (A, C, D, Grooss, Green, ShopBox), there is a common tab “Legal” in the website tab.

Page	Route	Content
Imprint	/impressum	Free text optional; otherwise structured fields from the Legal tab
Data Protection	/datenschutz	like Imprint
Legal Notices	/rechtliche-hinweise	Free text/HTML (only A/C/D/Grooss/Green; ShopBox without this route)

Company data (operator, register, data protection officer, imprint address) remains in the Legal tab under “Legal & Preview.” In the Legal tab, you can optionally manage the free text mode per page, formatted content, and SEO (meta title, meta description).

Legacy: Previously, the terms and conditions/notices text was under pageType agb (route /agb). MEC links in the footer /rechtliche-hinweise. Existing agb texts will continue to be displayed on the website until you save them under Legal → Legal Notices.

---

Directions (Tab “Directions”)

For all MEC templates (A, C, D, Grooss, Green, ShopBox), there is a specific tab “Directions” in the website tab.

Template Group	What you manage there
A / C / D / Grooss / Green	Page title (h1) and transport blocks (car, public transport, bicycle…) with optional icons and nested text blocks – as in Legacy MEC Repeater
ShopBox	Section title, map embed, address lines, and arrival blocks (heading/body, optional link)

Map & Coordinates: The map on the directions page uses the center coordinates from the master data (which are taken from address or directions.address during MEC import, if available).

MEC Import: During import from the Legacy MEC, the repeater fields directions.<language>.transport[] including textblock[] are automatically written to this tab (ShopBox additionally as flat blocks). Details: Developer-Guide: MEC Import.

---

Hotspot / Wi-Fi (Tab “Hotspot / Wi-Fi”)

For MEC Template A, C, D, Grooss, Green (not ShopBox), there is a tab “Hotspot / Wi-Fi” in the website tab. The public page is located at /hotspot – without the regular center header/footer (captive portal as in Legacy MEC).

Area	Content
Active	Hotspot open vs. closed (slogan/text “closed”). Additionally, the center opening hours apply (Europe/Berlin); the window can be extended by the shop “real” – as in Legacy MEC (isOnline()).
Images	Person, provider logo, slogan open/closed
Texts	Subheader, two checkbox texts, button, opt-out (HTML possible)
Meraki	Optionally fixed continue URL instead of query parameters from Meraki

Storage location: themeOverrides.templateContent.hotspot (template-wide).

MEC Import: Endpoint /hotspot?center_id=… is uploaded during import under Website Configuration to Bunny and written to this tab.

Meraki: The form posts to POST /api/[center-slug]/hotspot/grant and redirects to the Meraki grant URL when both checkboxes are active.

---

MEC ShopBox – Chrome colours (tab “Header & Navigation”)

In Header & Navigation → block Appearance, you can adjust the dark brand surfaces of the header, footer, logo carousel, and subpage headers.

Field	Storage	Default	Effect
Chrome background	colors.chromeBackground	#1e2733	Header, footer, logo strip, opening-hours modal, subpage hero (shops, news, legal, directions, center plan, …)
Chrome text (optional)	colors.chromeText	automatic	Navigation, footer links, modal text
Accent colour (optional)	colors.chromeAccent	#f97316	Nav hover, clock icon, highlighted links

Automatic contrast: If Chrome text is empty, the system picks light or dark text based on the background. Borders and secondary surfaces are derived from the background colour.

Empty = live parity: If all three fields are empty, the previous look is unchanged.

---

MEC ShopBox – Light Subpages (Tab “Header & Navigation”)

For mec-shopbox there is a switch “Light Subpages” in the tab Header & Navigation under Options.

State	Effect
Off (default)	As before: dark subpages (#1e2733 / #0f1720), light tiles on shops/news/opening hours, dark page header. Live parity remains intact.
On	Subpages with a light background (#f8f9fa), white header area, and dark text; tiles and forms remain readable (white cards / adjusted text colors).

Affected include: Shops, News, Opening Hours, Directions, About Us, Rental, Center Plan header, Imprint, Data Protection, Contact.

Technically: templateContent['mec-shopbox'].subpageTheme = 'light' (only when active; if the field is missing → dark).

Passage & Access (Opening Hours Page)

In the same tab Header & Navigation → Options, the switch “Passage & Access on Opening Hours” controls the white info card at the top of /oeffnungszeiten (“Your Visit to the Center,” optional center times from the master data).

State	Effect
On (default)	Card is displayed (as before / live parity).
Off	Only the block Business Hours (and possibly services) remains visible.

Technically: templateContent['mec-shopbox'].passageInfoEnabled = false disables it; if the field is missing → on.

---

Navigation – Rental (Tab “Rental”)

For MEC Template A, C, D, Grooss, Green and MEC ShopBox, there is a specific tab “Rental” in the website tab. Here you control the menu item Rental in the main navigation – independent of the later page layout under /vermietung.

Option	Effect
Show menu item	On/Off (corresponds to the optional link in the MEC original header.tpl)
Label in menu	e.g., “Rental”
Own page in cockpit (/vermietung)	Off (default): external link. On: link to cockpit page /vermietung (layout to follow later)
External link	URL that opens in a new tab (target=_blank), default: MEC portal

Technically: templateContent[<template-key>].header.rental with label, externalUrl, useInternalPage, enabled. The older key header.rentalUrl (Template D) is still read.

MEC ShopBox: In the tab “Rental,” additionally, the homepage section (title, intro, form) and the navigation options.

---

Cross-references

• Developer documentation on shared components: _mec-shared
• Template-specific pixel fidelity checklists: Template-A, Grooss, D
• Overview of the dashboard tabs and modules: Navigation & Modules