Zum Hauptinhalt springen

Goldbeck-Template – Webseiten-Tab (Dashboard)

Kurzüberblick für Redaktion und Technik: welche Reiter es gibt, was global konfiguriert wird und wie Links & Medien gepflegt werden (ohne bestehende JSON-Daten zu verwerfen).

Im Webseiten-Tab pro Center erscheinen bei Template Goldbeck Unterüberschriften:

GruppeInhalt
Goldbeck · Startseite & LeisteHero, Intro, Shops-Carousel, Aktuelles-Sektion, Social, Header, Footer
Goldbeck · UnterseitenPro Seite ein Reiter (Shops, Aktuelles, Kontakt, Impressum, …) – Hero & SEO der Seite über Seiteninhalt (Page-Content-API), nicht über templateContent
Goldbeck · OptionenSeiten ein/aus (pageVisibility); Inhaltsfarben (colors.contentText, colors.pageTitle) – Markenfarbe im Tab Design

Darunter folgen die globalen Cockpit-Reiter (Theme, Design, SEO, Centerplan, Kontakte, Chatbot, …) – unabhängig vom Goldbeck-Template.

„Template-Inhalte“ (Legacy)

Der Reiter Template-Inhalte ist für Goldbeck weiterhin sichtbar (JSON/v0-Kompatibilität). Die empfohlene Pflege läuft über die oben genannten Goldbeck-spezifischen Reiter; Inhalte landen unter config.templateContent.goldbeck.

  • Header-Navigation, Footer (rechtliche Links) und kuratierte Aktuelles-Kacheln nutzen dieselben internen Ziele (z. B. /shops, /aktuelles, /kontakt) als Vorauswahl.
  • Eigene URLs oder Pfade weiterhin im Feld Pfad oder URL (z. B. externe Kampagnen-URL oder Detailpfad einer News).

Es werden keine gespeicherten Pfade überschrieben, solange du sie nicht änderst.

Medien (Bunny)

  • Hero (einfacher Modus): Eine Quelle wählen: kein festes Hintergrundbild, Bunny-Upload oder Bild-URL (nur eine Option ist aktiv; gespeichert wird weiter eine URL bzw. leer).
  • Hero-Slides: Bild je Slide per Upload (wie bisher).
  • Header-Logo: Ebenfalls Quelle wählen: Center-Branding (leer), Bunny-Upload oder Logo-URL.
  • Aktuelles-Teaser: Bild pro Eintrag per Upload (wie bisher).
  • Vermietung u. a.: unverändert über bestehende Upload-Felder.

Videos und Downloads folgen dem bestehenden FileUpload-Typ (video / document) dort, wo das Template diese Felder vorsieht.

Centerplan (Shop-Infos)

Die Centerplan-Seite nutzt einen immersiven Vollbild-Modus: Die interaktive Karte füllt die verfügbare Breite und Höhe unter dem Header (Footer und animierter Hintergrund werden auf dieser Seite ausgeblendet). Auf dem Smartphone füllt der Plan den gesamten Bereich (slice-Darstellung); Besucher können herauszoomen und den Plan verschieben (Pinch/Drag).

  • Parken-CTA: Texte und Google-Maps-Link konfigurierbar im Reiter Goldbeck · Unterseiten → Seite: Centerplan (parkingTitle, parkingDescription, parkingMapsUrl). Der Streifen erscheint als Overlay unten auf der Karte.
  • Shop-Klick: Öffnet ein Slide-up-Panel mit Bild, Beschreibung, Öffnungszeiten und Kontakt. Der Inhalt ist durchscrollbar (auch auf dem Smartphone); die Höhe berücksichtigt die Wegfindungs-Leiste unten. Beschreibung und Infos sind auf Mobile sichtbar, nicht nur auf Desktop.

Farben (drei Ebenen – ohne Wildwuchs)

EbeneWo pflegenWirkung
MarkenfarbeTab Design (Primär / Sekundär / Akzent) bzw. Center-StammdatenNavigation, Buttons, Footer, farbige Flächen (z. B. rosa Öffnungszeiten-Kasten)
InhaltsfarbenGoldbeck · Optionen → Reiter „Farben“Lesbarer Text auf Inhaltsseiten
SeitenhintergrundGoldbeck · Optionen → „Seitenhintergrund (hell)“Neutraler Hintergrund statt Primär-Tint auf Unterseiten

Inhaltsfarben (templateContent.goldbeck.colors, optional):

  • contentText – Fließtext und Überschriften im Hauptinhalt (Impressum, Datenschutz, Öffnungszeiten-Seite, Öffnungszeiten-Modal im Header, Aktuelles-Detail, Shops/Services, Vermietung, Kontakt, Intro-Text …). Gilt auch für text-foreground-Teaser und Prose-HTML. Der rosa Markenkopf des Modals bleibt unverändert. Ältere Center können noch typography.contentTextColor haben – wird weiter gelesen, nicht gelöscht.
  • pageTitle – große Überschrift im hellen Seitenkopf (z. B. „Impressum“).
  • pageBackground – heller Seitenhintergrund global (ersetzt bg-primary-50 o. Ä. auf Shops, Impressum, Listen …). Typisch #f8f9fa oder #ffffff bei roter Markenfarbe. Hero-Bänder und Buttons bleiben in der Markenfarbe.

Leer = Standard: Inhalte nutzen die Markenfarbe (Weinheim blau, andere Center z. B. magenta); Seitenflächen erben den Primär-Tint. Gesetzt: nur #main-content – Header-Leiste oben, Footer und Markenflächen unverändert. Technik: layout.tsxstyles/content-text.css, styles/page-background.css.

Was nicht in den Goldbeck-Reitern liegt

  • Hero-Titel/Untertitel SEO der einzelnen Unterseiten (Shops, Services, …): Reiter Seite: … → Bereich aus Page-Content / zentrale Seiten-API (wie bei anderen Templates mit PageWithHeroSection).
  • Center-weite Kontakte, Rechtstexte-Redaktion wo global: z. B. Reiter Kontakte, Rechtliches, SEO.

Rechtliche Seiten (Impressum, Datenschutz)

  • Freitextmodus und HTML-Inhalt: wie systemweit unter Webseite → Legal bzw. Seite: Impressum / Seite: Datenschutz (Toggle customContent.legal.freeTextMode, Inhalt in pageDescription). Details: Legal-Reiter: Freitextmodus.
  • Ohne Freitext: strukturierte Anzeige aus den Legal-Feldern im Cockpit, sofern Firma/Adresse/Kontakt gepflegt sind.
  • Fallback: wenn weder Freitext noch Legal-Stammdaten vorliegen, bleibt der bisherige statische Goldbeck-Text sichtbar (Abwärtskompatibilität).

Siehe auch: Feature-Katalog, Navigation & Module – Dashboard.

Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /center-website/goldbeck-webseiten-tab