Zum Hauptinhalt springen

Seiten bearbeiten

Schritt-für-Schritt: Wie du die Inhalte deiner Website-Seiten über die Tab-basierte Website-Konfiguration bearbeitest.

So funktioniert es heute​

Der frühere Page Editor (Block-basiert) wurde durch die Template-Reiter in der Website-Konfiguration abgelöst. Je nach gewähltem Template (Social Lounge, Event Lounge, HBB, CEV, Standard) siehst du unterschiedliche Reiter – jeder Reiter entspricht einem Bereich oder einer Seite.

Ablauf:

  1. Center auswählen
  2. Tab Website öffnen
  3. Zum passenden Reiter wechseln (z.B. "Seite: Shops", "Seite: Anfahrt", "News & Deals")
  4. Felder bearbeiten und Speichern klicken

Änderungen erscheinen in der Regel innerhalb weniger Sekunden auf der Website.

Schritt 1: Website-Konfiguration öffnen​

  1. Gehe zu Content > Centers
  2. Klicke auf das gewünschte Center
  3. Öffne den Tab Website

Du siehst nun die Reiter der Website-Konfiguration. Welche Reiter angezeigt werden, hängt vom gewählten Layout-Template ab (siehe Onboarding-Tutorial).

Schritt 2: Reiter nach Inhaltstyp​

Typische Reiter (je nach Template):

Grundeinstellungen:

  • Aktivierung – Website ein/aus, Template wählen, Custom Domain (DNS/SSL-Status wird automatisch geprüft; Button Status prüfen)
  • Theme – Farben, Schriftarten, Logo

Template-Inhalte:

  • Template-Inhalte – Allgemeine Inhalte des Templates
  • Hero Slider / Hero – Startbereich-Bilder und Texte (MEC Startseiten-Hero für Template D, Grooss, Green)
  • News & Deals – Titel, Taglines, Untertitel für News-Bereich
  • Themenwelten – Promo-Sektionen
  • Unsere Marken – Shop-Logo-Wand
  • Social Media Lounge – Instagram-Feed
  • Header & Navigation – Menüeinträge
  • Footer & Links – Footer-Inhalte
  • Öffnungszeiten – Öffnungszeiten-Sektion

Seiten-Texte (pro Seite ein Reiter):

  • Seite: Shops – Hero-Titel, Untertitel, Bild für die Shops-Seite
  • Seite: Aktuelles – Inhalte für die Aktuelles/News-Seite
  • Seite: Anfahrt – Hero, SEO, optional Beschreibung (HTML). ILG: Zusätzlich Anreise-Karten & Parken (vier Karten + Parken-Block), pro Center unter customContent.ilg.anfahrtBoxes. Nur Karten mit eigenen Stichpunkten erscheinen auf der Website (leere Spalten bleiben ausgeblendet). HTML in Beschreibung ersetzt Karten und Parken-Block, wenn befüllt. Nicht verwechseln mit dem Reiter Anfahrt & Parken (Details im Handbuch Website-Templates).
  • ILG – Optionen (Seiten & Recht) – Wohnen, Parken und Galerie pro Center ein-/ausschalten; Rechtstexte kommen aus dem Template (Stammdaten für Kontakt/URL).
  • ILG – Seite: Wohnen / Seite: Parken / Seite: Galerie – nur sichtbar, wenn in den Optionen aktiviert; Inhalte in templateContent.ilg.wohnen, templateContent.ilg.parken bzw. templateContent.ilg.galerie.
  • Seite: Kontakt – Kontakt-Seiten-Inhalte
  • Seite: Über uns – Über-uns-Texte
  • Seite: Impressum – Impressum-Inhalt
  • Seite: Datenschutz – Datenschutz-Inhalt

Spezielle Bereiche:

  • Centerplan – Wayfinding-Konfiguration (Kartenmodus, 2D/3D-Startansicht, optional MEC-Klassik: OSM-Karte mit Etagen-Overlay – Details im Feature-Katalog Center-Website). Auto-Save: Unter Centerpläne → Etage bearbeiten werden Etagen-Daten (Name, Farbe, SVG-Felder im Editor) nach ca. 2 Sekunden Pause automatisch gespeichert; im Polygon-Editor nach ca. 3 Sekunden (wichtig für Umbenennungen → Verknüpfungen). Shop-Zuordnungen im Tab „Shop-Mapping“ speichern sofort beim Setzen – kein separates Speichern nötig. Status oben rechts: „Auto-Save …“ / „Gespeichert“. Shop-Mapping: Für die Verknüpfung mit der Wegfindung bitte möglichst die Ladenfläche im SVG anklicken (Umriss der Mieteinheit), nicht die Logo-Ebene oder Beschriftungen – technisch werden Logo-/Text-Ebenen beim Ermitteln der SVG-ID übersprungen; bei dichten Plänen helfen „Namen ausblenden“ und Zoom im Mapping-Tab.
  • Anfahrt & Parken – Parkplatz-Infos (nicht die Quelle für die ILG-Seite /anfahrt und die vier Anreise-Karten dort)
  • Legal – Rechtliche Texte

Schritt 3: Inhalte bearbeiten​

  1. Klicke auf den Reiter, der den gewünschten Bereich abdeckt (z.B. "Seite: Shops")
  2. Bearbeite die Felder (Titel, Untertitel, Beschreibung, Bilder, etc.)
  3. Klicke auf Speichern.

Die meisten Reiter bieten:

  • Seitentitel und Untertitel (oft für den Hero-Bereich)
  • Beschreibung oder Fließtext
  • Bild-Upload (Hero-Bild, Header-Bild, etc.)
  • Template-spezifische Optionen

Schritt 4: Theme und Design​

Für Farben, Logo und Schriftarten:

  1. Gehe zum Reiter Theme
  2. Passe Primärfarbe, Sekundärfarbe, Logo, Schriftarten an
  3. Speichern

Details siehe Theme anpassen.

Schritt 5: Vorschau prüfen​

  1. Öffne die Center-Website im Browser (z.B. https://{slug}.cockpit-os.de)
  2. Prüfe die bearbeiteten Seiten
  3. Teste auf Desktop und Mobile (F12 > Device Toolbar)

Häufige Probleme​

Änderungen nicht sichtbar:

  • Hast du auf Speichern geklickt?
  • 1–2 Minuten warten – manchmal braucht es einen kurzen Moment
  • Browser-Cache leeren (Strg+F5)

Reiter fehlt:

  • Der Reiter ist möglicherweise nur für bestimmte Templates sichtbar. Prüfe, welches Layout-Template dein Center nutzt (Tab Aktivierung).

Bilder werden nicht angezeigt:

  • Dateigröße prüfen (Logo max. 5 MB, Titelbild max. 10 MB)
  • Format: PNG, JPG, WebP, SVG

Nächste Schritte​

Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /content-creator-handbuch/workflows/seiten-bearbeiten