Header mit Bild

Die Vorlage „Header mit Bild”, ist üblicherweise das erste Element einer Startseite. Es bindet das Keyvisual mit einer kleinen Textbox ein.

Verwendung

Die Vorlage kann folgendermaßen eingebunden werden:

CODE

{% include "_include/cms_helper_bfsg/<language>/_generic_header_with_pic.html" with company_slogan="Ihre Kampagne" text_container="Beschreibungstext..." %}

An der Stelle <language> müssen Sie die Anrede Ihrer Plattform einfügen, also de_sie, de_du oder en (Englisch).

Beispiele

HTML

<!-- Formelles Deutsch mit individuellen Texten -->
{% include "_include/cms_helper_bfsg/de_sie/_generic_header_with_pic.html" with company_slogan="Gemeinsam für unsere Region" text_container="Unterstützen Sie lokale Vereine und Projekte..." button_text="Jetzt mitmachen" %}

<!-- Informelles Deutsch -->
{% include "_include/cms_helper_bfsg/de_du/_generic_header_with_pic.html" with company_slogan="Mach mit bei deiner Kampagne" text_container="Unterstütze deine Lieblingsvereine..." %}

<!-- Englisch (Standard) -->
{% include "_include/cms_helper_bfsg/en/_generic_header_with_pic.html" with company_slogan="Your Local Support Campaign" button_link="/explore-projects/" %}

<!-- Mit Standard-Werten -->
{% include "_include/cms_helper_bfsg/de_sie/_generic_header_with_pic.html" %}

Verfügbare Variablen

Variable	Typ	Beschreibung	Standardwert	Beispiel
`company_name`	String	Name des Unternehmens/der Sparkasse	Kommt aus Platformeinstellungen	`"Stadtwerke Musterstadt"`
`company_slogan`	String	Slogan/Untertitel des Unternehmens	Kommt aus Platformeinstellungen, ansonsten `trans "Our engagement for the region"`	`"Unser Engagement für die Region"`
`text_container`	String	Beschreibungstext über das Engagement	Übersetzt je nach Sprache	`"Mit unserem vielfältigen..."`
`button_link`	String	URL für den Call-to-Action-Button	Automatisch generiert basierend auf `is_control_platform`	`"/projekte/"`
`button_text`	String	Text für den Call-to-Action-Button	Übersetzt je nach Sprache und Plattform-Typ	`"Projekte entdecken"`
`header_pic`	String	URL des Header-Hintergrundbildes	`"header_pic"	image` oder Fallback
`default_pic`	String	Name für Standard-Bild (ohne Pfad/Endung)	`"girl"`	`"team"`
`is_control_platform`	Boolean	Bestimmt Button-Text und -Link	Kommt aus Plattformeinstellungen	`True` oder `False`
stoerer_img_id	String	Die ID des Störer-Bildes. Wenn gesetzt, wird der Störer angezeigt.	keiner	“stoerer_2025“
stoerer_description	String	Alt-Text für das Störer-Bild.	keiner	“Verdopplungsaktion für Privatspenden vom 12.03.2025 bis 16.03.2025“