Template-Variante mit "Burger" Menü

Mit Meilenstein 11 gibt es eine neue Template-Variante. Diese stellt die Hauptnavigation im Kopfbereich bei allen Bildschirmgrößen über ein ausklappendes "Burger" Menü dar.

Verwendung der "Burger" Template-Variante

Zum einrichten einer Website mit der Template-Variante "Burger" gibt es eigene Kopiervorlagen.

Technisch ausgedrückt wird für die "Burger" Variante ein eigenes CSS sowie angepasstes HTML verwendet.

Unterstützung durch den Themen-Generator

Die Anpassung der "Burger" Template-Variante wird durch den Themen-Generator unterstützt. Dafür muss in den Einstellungen des Themas auf dem ersten Reiter die Option "Burger" Template-Variante ausgewählt werden. Diese Option gibt es seit Meilenstein 11.

Mit Meilenstein 12 ist es möglich die Template-Variante einer bereits angelegten Website nachträglich zu wechseln. So ist es zum Beispiel möglich von der Variante Standard (oder Agentur) in die Variante Burger zu wechseln.

Anpassung der Darstellung des "Burger" Kopfbereichs

Öffnen der Modellgruppe für den

Öffnen der Modellgruppe für den Kopfbereich

Die Darstellung des "Burger" Kopfbereichs kann flexibel angepasst werden. Um die Darstellung anzupassen öffnen Sie die Modellgruppe Kopfbereich mit "Burger" Menü. Diese ist in der Kopiervorlage bereits angelegt wird im oberen Seitenbereich verwendet.

Klicken Sie auf des OpenCms-Icon oben rechts um die Modellgruppe zu bearbeiten. Dadurch wird der Modellgruppen-Editor für den Kopfbereich geöffnet.

Kopfbereich-Konfiguration für das

Kopfbereich-Konfiguration aufrufen

Öffnen Sie die Element-Einstellungen der Kopfbereich-Konfiguration um die grundlegenden Darstellungs-Optionen anzupassen.

Einige Optionen werden auch über die Einstellungen der im Kopfbereich verwendeten Elemente direkt gesteuert.

Element-Einstellungen für das

Element-Einstellungen für den "Burger" Kopfbereich

In den Element-Einstellungen des Kopfbereichs ist es z.B. möglich das Logo entweder rechts oder links anzuordnen. Das "Burger" Menü wird automatisch auf der gegenüber liegenden Seite angezeigt.

Weiterhin gibt es verschiedene weitere Einstellungsmöglichkeiten für die Anzeige von zusätzlichen Service-Links, eines Extra-Containers etc.