Anleitung mit Bild

Die Vorlage „Anleitung mit Bild”, wird auf der Seite “So geht’s” genutzt um Abwechselnd mit Screenshots und Text den Prozess der Code Einlösung zu erklären

Verwendung

Die Vorlage kann folgendermaßen eingebunden werden:

CODE

{% include "_include/cms_helper_bfsg/<language>/_vote_guide.html" with img_choose_project="/path/to/step1.jpg" img_enter_email="/path/to/step2.jpg" img_captcha_check="/path/to/step3.jpg" img_verify_vote="/path/to/step4.jpg" img_vote_success="/path/to/step5.jpg" %}

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

Verfügbare Variablen

Variable	Typ	Beschreibung	Beispiel
`url_homepage`	String	URL zur Startseite (optional, Standard: "/")	`"/"` oder `"/home/"`
`url_explore_projects`	String	URL zur Projektübersichtsseite (optional, Standard: "#")	`"/projekte/"` oder `"/explore/"`
`url_faq`	String	URL zur FAQ-Seite (optional, Standard: "/faq/")	`"/faq/"` oder `"/hilfe/"`
`url_submit_project`	String	URL zur Projekt-Einreichungsseite (optional, Standard: "#")	`"/projekt-einreichen/"`
`img_choose_project`	String	Pfad zum Bild für Schritt 1 (Projekt auswählen)	`"/media/images/step1_choose.jpg"`
`img_enter_email`	String	Pfad zum Bild für Schritt 2 (E-Mail eingeben)	`"/media/images/step2_email.jpg"`
`img_captcha_check`	String	Pfad zum Bild für Schritt 3 (reCAPTCHA)	`"/media/images/step3_captcha.jpg"`
`img_verify_vote`	String	Pfad zum Bild für Schritt 4 (E-Mail-Verifikation)	`"/media/images/step4_verify.jpg"`
`img_vote_success`	String	Pfad zum Bild für Schritt 5 (Teilen)	`"/media/images/step5_share.jpg"`

Beispiele

CODE

<!-- Formelles Deutsch mit allen Optionen -->
{% include "_include/cms_helper_bfsg/de_sie/_vote_guide.html" with url_explore_projects="/projekte-entdecken/" url_faq="/hilfe/faq/" url_submit_project="/projekt-vorschlagen/" img_choose_project="/media/voting/schritt1.jpg" img_enter_email="/media/voting/schritt2.jpg" img_captcha_check="/media/voting/schritt3.jpg" img_verify_vote="/media/voting/schritt4.jpg" img_vote_success="/media/voting/schritt5.jpg" %}

<!-- Informelles Deutsch mit minimalen Parametern -->
{% include "_include/cms_helper_bfsg/de_du/_vote_guide.html" with img_choose_project="/static/img/choose.jpg" img_enter_email="/static/img/email.jpg" img_captcha_check="/static/img/captcha.jpg" img_verify_vote="/static/img/verify.jpg" img_vote_success="/static/img/share.jpg" %}

<!-- Englisch -->
{% include "_include/cms_helper_bfsg/en/_vote_guide.html" with url_explore_projects="/browse-projects/" url_faq="/support/faq/" url_submit_project="/submit-project/" img_choose_project="/assets/voting/choose.png" img_enter_email="/assets/voting/email.png" img_captcha_check="/assets/voting/captcha.png" img_verify_vote="/assets/voting/verify.png" img_vote_success="/assets/voting/share.png" %}