Erweitern - Radiobutton

Einleitung

Das Formular soll um ein paar Radiobuttons erweitert werden, welches vom Benutzer ausgefüllt werden soll und in den E-Mails erscheint.
Als Beispiel nehmen wir ein Feldpaar Newsletter mit den Optionen ja und nein, hierfür habe ich mir folgendes fieldset erstellt und habe zwei radio buttons eingefügt

HTML Code

<legend>Newsletter abonnieren</legend>
<div class="ct_checkbox">
<span style="display: inline;">
<label>ja</label>
<input{[radio_newsletter_ja]} id="newsletter" type="radio" name="newsletter" class="checkbox" value="ja" />
<label>nein</label>
<input {[radio_newsletter_nein]} id="newsletter" type="radio" name="newsletter" class="checkbox" value="nein" />
</span>
</div>
</fieldset>

Der obere HTML Code erstellt ein Fieldset mit dem Titel Newsletter abonnieren. Weiterhin enthält es zwei Radio Button mit den Werten ja und nein, die radio Button tragen den Namen newsletter. Der wichtige Bereich ist rot markiert, dieser ist wichtig, damit nach absenden des Formulares die Radio Button wieder ausgewählt werden, wenn der Benutzer bereits eine Auswahl getroffen hat.

{[radio_newsletter_ja]}

Diese Variablen bestehen aus 3 Bereichen durch _ getrennt

als erstes das Keyword für Radio Button - radio

als zweites der Name des Radio Buttons - newsletter

als drittes der value Wert des Radio Button - ja oder nein

Beides wird in {[]} eingeschlossen, daraus ergibt sich {[radio_newsletter_ja]} und {[radio_newsletter_nein]}

HTML Template des Formulares

Öffnen Sie die Datei template/contactForm.html mit Ihrem HTML Editor oder einen Texteditor

Fügen Sie jetzt den erstellten HTML Code an die Stelle ins Formular ein, wo das Fieldset mit den Radio Buttons erscheinen soll und speichern Sie die Datei.

Einfügen der Variable in die E-Mail Vorlagen

Jede E-Mail wird als Alternative Mail versendet, das bedeutet das Benutzer die HTML E-Mails aktiviert haben eine HTML Mail bekommen und Benutzer die nur Text Mails empfangen können eine Text E-Mail.

Deshalb gibt es für E-Mails zwei Vorlagen eine für Text und eine für HTML E-Mails

template/email/email_html.html

template/email/email_text.html

Öffnen Sie beide Dateien und fügen Sie die Variable {[newsletter]} an die Stelle ein, an die Auswahl die der Benutzer getroffen hat erscheinen soll.

Die Variable besteht wie in den oberen Texten aus {[ ]} und dem Namen des Radio Buttons.

Definieren des Pflichtfeldes

Informationen zum definieren von Pflichtfeldern finden Sie im folgenden Abschnitt.

Pflichtfelder

Hinweise zum Design und Layout in CSS

Sämtliche Positionen und Farbschemen wurden in CSS Dateien angegeben, diese können nach belieben angepasst werden.

weitere Informationen zu den CSS Dateien