Top, Header, Slider, Footer, Bottom anpassen

Eine Anleitung um die Elemente in Top, Header, Slider, Footer und Bottom anzupassen.

Layoutbereiche

Layoutbereiche
Layoutbereiche

TIPP: Das Design kann über den ThemeDesigner angepasst werden.

Bereich Top & Header

Frontend-Module:

Diese Elemente können wie folgt bearbeitet werden:
Layout > Themes > Eclipse > Frontend-Module > Themesettings

Themesetting: Off-Canvas-Top

Die Inhalte für den Bereich finden Sie hier:

Seitenbaum: Resources

Wie deaktiviere diesen Bereich?
Themes > Seitenlayouts > eingebundene Frontend-Module > Off-Canvas-Top > deaktivieren

Themesetting: Top: Login

Hier wurde das Contao Frontend Modul Login verwendet. Legen Sie auf einer Seite das Frontend Modul Login an. Geben Sie diese Seite im Modul Themesetting: Top: Login als Weiterleitungsseite an.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Top: Login  > deaktivieren

Themesetting: Top: Phone & Mail

Geben Sie den gewünschten Text bzw. HTML-Code an. Verlinkungen einer E-Mail Adresse sollte über das Contao Insert-Tag email_url:: erstellt werden, damit die E-Mail Adresse verschlüsselt eingebunden wird.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Top: Phone & Mail > deaktivieren

Themesetting: Top: Meta-Navi

Hier wurde ein Contao Navigationsmenü verwendet. Passen Sie die Referenzseite in diesem Modul an.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Top: Meta-Navi > deaktivieren

Themesetting: Header: Langswitcher

Im Sprachwechsler werden Verlinkungen zu den Startseiten der jeweiligen Sprache gesetzt.

Passen Sie die ID der Verlinkungen zu den jeweiligen Startseiten über das Contao Insert-Tag link_url an.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Header: Langswitcher > deaktivieren

Themesetting: Header: Search

Hier wurde die normale Contao Suche verwendet. Legen Sie eine Seite an mit dem Frontend Modul Search. Geben Sie diese Seite im Modul Themesetting: Header: Search als Weiterleitungsseite an.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Header: Search > deaktivieren

Eine ausführliche Anleitung für die Contao Suche finden Sie in unserer Knowledge Base hier.

Themesetting: Header: Meta-Navi

Hier wurde ein Contao Navigationsmenü verwendet. Passen Sie die Referenzseite in diesem Modul an.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Header: Meta-Navi > deaktivieren

Themesetting: Socials

Passen Sie die Verlinkungen zu den Social-Plattformen an. Eine Übersicht aller verfügbaren Icons finden Sie hier in dem PDF Font Awesome Cheatsheet.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Socials > deaktivieren

Frontend-Module explizit für Mobile:

Themesetting: Mobile: Search

Hier wurde die normale Contao Suche verwendet. Legen Sie eine Seite an mit dem Frontend Modul Search. Geben Sie diese Seite im Modul 1 Themesetting: Mobile: Search als Weiterleitungsseite an.

Dieses Modul wird in der mobilen Navigation oberhalb der Hauptnavigation dargestellt.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Mobile: Search > deaktivieren

Eine ausführliche Anleitung für die Contao Suche finden Sie in unserer Knowledge Base hier.

Themesetting: Mobnav (Customnav Bottom)

Diese Navigation wird im Mobilemenü am unteren Browserrand dargestellt. Ergänzen Sie die gewünschten Verlinkungen in diesem HTML-Modul.

Wie deaktiviere ich das Element?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Mobnav (Customnav Bottom) > deaktivieren

TIPP: Die Reihenfolge der Elemente in der Top-Leiste kann über das Seitenlayout sortiert werden:

Themes > Seitenlayout > Frontend-Module > Eingebundene Module > Elemente im Bereich top_section

Bereich Slider

Im Slider-Bereich können verschiedene Inhaltselemente integriert werden, wie zum Beispiel der Revolution Slider, ein Headerbild oder das Frontend-Modul Pageimage.

Pageimage (Seitenbild):

Das Seitenbild wird auf Unterseiten vererbt.

Layout > Seitenstruktur > Seiteneigenschaften > Theme-Einstellungen > Seitenbild einfügen

Pageimage / Seitenbild Contao
Pageimage / Seitenbild

Footer Inhalte bearbeiten:

Artikel > Resources > Footer

Footer einer Seite zuweisen

Der Footer ist über die Root-Seite (Startpunkt einer Seite) zugewiesen/eingebunden.

Seitenstruktur > Root-Seite bearbeiten > Theme-Einstellungen > Footer-Artikel einfügen

Footer Example 1
Footer Example 2
Footer Example 3
Footer Example 4
Footer Example 5

Bereich Bottom

Elemente anpassen:

Diese Elemente können wie folgt bearbeitet werden:
Layout > Themes > Eclipse > Frontend-Module > Themesettings

Themesetting: Bottom

Hier handelt es sich um ein Contao HTML-Frontend Modul. Inhalte können im gewohnten HTML-Format editiert werden.

Wie deaktiviere diesen Bereich?
Themes > Seitenlayouts > eingebundene Frontend-Module > Themesetting: Bottom > deaktivieren

Video-Tutorials zum Theme Aufbau
Copyright 2024. All Rights Reserved.
You are using an outdated browser. The website may not be displayed correctly. Close