Verwendungshinweis

Die Wahl des Seitenlayouts beeinflusst den Aufbau des Seiteninhalts. Hier wird zunächst zwischen Portal- und Textseiten unterschieden. Portalseiten haben in der Regel keine Außenabstände und deren Inhalte werden im weiteren Verlauf mit Wrappern und Raster-Elementen strukturiert. Textseiten haben bereits Außenabstände und können z.B. auch eine seitliche Navigation der Unterseiten enthalten (vgl. Demobereich).

Im Folgenden wird eine kundenspezifische Auflistung der zur Verfügung stehenden Seitenlayouts und deren empfohlene Verwendung aufgeführt.

Portalseiten

Portal: Full-Width

Einsatz: Erweiterungen z.B. in Produktbereich für Produktdetailseite

  • Vorangestellte Spalte: keine
  • Hauptspalte: einspaltig, ohne Abstände (Full-width)
  • Seitliche Navigation: keine
  • Position Pagetitle/H1: Hauptspalte

Portal: Full-Width Prepend

Einsatz: Einstiegsseite in Hauptbereiche z.B. Products

  • Vorangestellte Spalte: einspaltig, ohne Abstände (Full-width)
  • Hauptspalte: einspaltig, ohne Abstände (Full-width)
  • Seitliche Navigation: keine
  • Position Pagetitle/H1: Hauptspalte

Testseiten

Textseite: Container Prepend

Einsatz: Textseite

  • Vorangestellte Spalte: einspaltig, ohne Abstände (Full-width)
  • Hauptspalte: einspaltig, mit Außenabständen
  • Seitliche Navigation: keine
  • Position Pagetitle/H1: Hauptspalte

Portal: Full-Width Prepend

Einsatz: Einstiegsseite in Hauptbereiche z.B. Products

  • Vorangestellte Spalte: einspaltig, ohne Abstände (Full-width)
  • Hauptspalte: einspaltig, ohne Abstände (Full-width)
  • Seitliche Navigation: keine
  • Position Pagetitle/H1: Hauptspalte

Textseite: 2-Spaltig Prepend (breite Spalte rechts)

Einsatz: Textseite

  • Vorangestellte Spalte: einspaltig, ohne Abstände (Full-width)
  • Hauptspalte: einspaltig, mit Außenabständen
  • Seitliche Navigation: in linker Spalte
  • Position Pagetitle/H1: Hauptspalte

Textseite: 2-Spaltig (breite Spalte rechts)

Einsatz: Textseiten

  • Vorangestellte Spalte: keine
  • Hauptspalte: zweispaltig, mit Außenabständen
  • Seitliche Navigation: in linker Spalte
  • Position Pagetitle/H1: Hauptspalte

Textseite: 3-Spaltig Prepend

Einsatz: Einstiegsseite in Hauptbereiche z.B. Products

  • Vorangestellte Spalte: einspaltig, ohne Abstände (Full-width)
  • Hauptspalte: einspaltig, ohne Abstände (Full-width)
  • Seitliche Navigation: keine
  • Position Pagetitle/H1: Hauptspalte

Textseite: 3-Spaltig

Einsatz: Textseiten

  • Vorangestellte Spalte: keine
  • Hauptspalte: dreispaltig, mit Außenabständen
  • Seitliche Navigation: in linker Spalte
  • Position Pagetitle/H1: Hauptspalte