Footer

Mehrspaltiger Footer mit Logo, Navigation, Kontakt und Copyright. Pro Sprache konfigurierbar.

Architektur

Der Footer wird vom Template auf jeder Seite gerendert. Sein Aufbau setzt sich aus drei Bestandteilen zusammen:

footer.contentPageId

Verweis auf eine Page (Sysfolder oder normale Seite), deren CEs den mehrspaltigen Footer-Body bilden. Layout entsteht über t3bs_fluidrow + t3bs_column-Elemente.

navigation.footer.folderPageId

Page-uid für die Footer-Navigation (Impressum/Datenschutz/Kontakt). Wird als menu_pages oder über das Template-Partial gerendert.

footer.copyright + credits

Mini-Footer-Zeile ganz unten — Copyright-Text + optionale Credits-Zeile.

Tipp: Der Footer dieser Demo ist live unten auf der Seite zu sehen. contentPageId=210, navigation.footer.folderPageId=200, 4-spaltiges Layout über native t3bs_fluidrow + menu_pages-CEs.

Layout-Varianten

Die Spaltenzahl des Footer-Inhalts ergibt sich aus dem Grid-Setup der CEs auf der referenzierten Footer-Content-Page. Die folgenden Skizzen zeigen die üblichen Layouts.

1-spaltig — Logo + Copyright zentriert

Logo

© 2026 Firma · Impressum · Datenschutz

Anwendung: Landingpages, OnePager. Minimaler Fußbereich ohne Navigation.

2-spaltig — Logo + Quick-Links

Logo

Kurzer Claim oder Adresse.

Links

ImpressumDatenschutzKontakt

Anwendung: kleinere Unternehmens-Sites mit einfacher Linkliste.

3-spaltig — Logo + Sitemap + Kontakt

Logo

Kurzer Claim.

Navigation

ProdukteÜber unsBlog

Kontakt

Musterstraße 1
12345 Berlin
info@example.com

Anwendung: Standard für Mittelstand und Vereine.

4-spaltig — Sitemap-Footer (wie in dieser Demo)

Logo

Spalte 1

Link ALink BLink C

Spalte 2

Link DLink ELink F

Spalte 3

Link GLink HLink I

Anwendung: Größere Sites mit umfangreichem Footer-Sitemap. Diese Demo verwendet diese Variante.

Konfiguration über Site-Settings

Alle Footer-Bereiche werden zentral über die Site-Settings konfiguriert:

footer.logo

Pfad zur Logo-Datei (typischerweise weiße SVG-Variante für dunklen Footer)

footer.contentPageId

Page-uid des Footer-Inhaltsbereichs (mehrspaltige Layout-Page)

footer.copyright

Copyright-Text im Mini-Footer

footer.creditsEnabled

true/false — zeigt die Template-Credits-Zeile

footer.credits

Custom-HTML statt der Standard-Credits

footer.callToAction

Aktiviert eine Social-Media-/CTA-Leiste am Footer-Top

navigation.footer.enabled

Aktiviert die Footer-Navigation

navigation.footer.folderPageId

Page-uid für die Footer-Navigation-Items

design.color.footer-bg usw.

Background, Text- und Headline-Farben (auch separate Dark-Mode-Varianten)