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:
{% 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
<!-- 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 |
|---|---|---|---|---|
|
|
String |
Name des Unternehmens/der Sparkasse |
Kommt aus Platformeinstellungen |
|
|
|
String |
Slogan/Untertitel des Unternehmens |
Kommt aus Platformeinstellungen, ansonsten |
|
|
|
String |
Beschreibungstext über das Engagement |
Übersetzt je nach Sprache |
|
|
|
String |
URL für den Call-to-Action-Button |
Automatisch generiert basierend auf |
|
|
|
String |
Text für den Call-to-Action-Button |
Übersetzt je nach Sprache und Plattform-Typ |
|
|
|
String |
URL des Header-Hintergrundbildes |
`"header_pic" |
image` oder Fallback |
|
|
String |
Name für Standard-Bild (ohne Pfad/Endung) |
|
|
|
|
Boolean |
Bestimmt Button-Text und -Link |
Kommt aus Plattformeinstellungen |
|
|
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“ |