Magento Kontaktformular durch Felder erweitern

Gepostet am September 20, 2012

Zum erweitern des Kontaktformulars muss folgende Datei verändert werden:

1
/app/frontend/base/default/template/contacts/form.phtml

Einfügen eins Input-Feldes, dazu müssen Sie sich die Struktur in der form.phtml etwas genauer ansehen:

1
2
3
4
5
6
<label for="telephone">
    <?php echo Mage::helper('contacts')->__('Telephone') ?>
</label>
<div class="input-box">
    <input id="telephone" class="input-text" title="<?php echo Mage::helper('contacts')->__('Telephone') ?>" name="telephone" type="text" />
</div>

Einfügen einer Option:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<li class="wide">
    <div class="field">
        <label for="name" class="required"><em>*</em><?php echo Mage::helper('contacts')->__('Please choose your concern') ?></label>
        <div class="input-box">
            <select name="concern" id="concern" class="required-entry input-box" type="dropdown">
                <option value="" selected><?php echo Mage::helper('contacts')->__('Please choose') ?></option>
                <option value="sales">Sales</option>
                <option value="customer service">Customer Service</option>
                <option value="wholesale">Wholesale Inquiry</option>
                <option value="general inquiry">General Inquiry</option>
                <option value="webmaster">Webmaster</option>
            </select>
        </div>
    </div>
</li>

Im nächsten Schritt muss das entsprechende Feld noch in der E-Mail übermittelt werden. Im Magento Backend sind sämtliche E-Mail Templates im Punkt System/Transaktions-E-Mails zu finden. Die Vorlage für das Kontaktformular sieht beispielsweise wie folgt aus:

1
2
3
4
Name:          {{var data.name}}
E-Mail:        {{var data.email}}
Telefon:       {{var data.telephone}}
Kommentar:     {{var data.comment}}

Hier müssen unsere neuen Felder hinzugefügt werden:

1
2
3
4
5
6
Anliegen:  {{var data.concern}}
Telefon:  {{var data.telephone}}
Name:       {{var data.name}}
E-Mail:     {{var data.email}}
Telefon:    {{var data.telephone}}
Kommentar:  {{var data.comment}}

Pflichtfelder werden durch die Klasse „required-entry“ und zusätzlich durch die Zuweisung von Typen definiert:

1
2
3
class="input-text required-entry" // Textfeld (nicht leer)
class="input-box required-entry" // Auswahl (value darf nicht leer sein)
class="input-text validate-email" // Textfeld (nicht leer und E-Mail-Adresse prüfen)

Tags: ,

Leave a Reply

 

Posts of Current Category



Facebook: