Template-Anpassungen

Für Einige Funktionen wie beispielsweise die Trennung von Straße und Hausnummer im Frontend muss ihr Template angepasst werden. Es wird nachfolgend vorausgesetzt, dass sie mit Template Anpassungen vertraut sind, andernfalls bieten wir einen kostenpflichtigen Installationsservice an.

Allgemeine Hinweise:
Die Templateanpassungen sind erforderlich um

1. die Eingabefelder für Straße und Hausnummer voneinander zu trennen
2. den Dialog beziehungsweise die Eingabemaske für die Angabe einer abweichenden Lieferadresse einzubinden

Wenn Sie die Standardvorlagen von xt:commerce verwenden, finden Sie die angepassten Dateien login.html und edit_address.html in ../plugins/coe_address_validation/templates/. Für xt-responsive ist ein Überladen des Templates möglich, sodass Sie die Dateien einfach in ../templates/YOUR-TEMPLATE/xtCore/pages/ einspielen können. Für die weiteren Templates müssen die Dateien im Template ersetzt werden.

ACHTUNG: Sofern Sie angepasste Dateien verwenden müssen die Änderungen entsprechend eingepflegt werden, siehe nachfolgende Erläuterungen.

Nachdem sie alle Anpassungen vorgenommen Konfigurieren Sie die Plugin Einstellungen wie von Ihnen gewünscht und führen im Frontend ausgiebig Tests durch, um sicherzustellen dass alles wunschgemäß funktioniert.

Optional: Wir empfehlen zudem, die Reihenfolge der Adresseingabe zu ändern, sodass zuerst das Land, dann die PLZ und Stadt und erst anschließend die Straße mit Hausnummer abgefragt wird. In den Vorlagen für die Standardtemplates ist dies bereits berücksichtigt.

---

Wenn Sie ein angepasstes Template verwenden, gehen Sie folgendermaßen vor:

Trennung von Straße und Hausnummer:

• Passen Sie in ../templates/YOUR-TEMPLATE/xtCore/pages/ die Dateien `login.html` und `edit_address.html` an.

• Suchen Sie nach {txt key=TEXT_STREET} und stellen Sie sicher, dass das Hausnummerneingabefeld nach dem Straßeneingabefeld kommt.

Orientieren Sie sich an den mitgelieferten Vorlagen – in login.html sieht die Anpassung in etwas wie folgt aus:

<div class="form-group row">

<label for="default_address_customers_street_address" class="col col-md-3">{txt key=TEXT_STREET}*</label>
<div class="col col-md-5">
{form id=default_address_customers_street_address type=text name='default_address[customers_street_address]' value=$default_address.customers_street_address}
</div>

<label for="coe_address_customers_street_address_housenumber" class="col col-md-1">{txt key=TEXT_COE_AV_STREET_NUMBER}*</label>
<div class="col col-md-3">
{form id=coe_address_customers_street_address_housenumber type=text name='default_address[customers_street_address_housenumber]' value=$default_address.customers_street_address_housenumber}
</div>

</div>

// Rest des html-Codes

In edit_address.html sieht die Anpassung in etwas wie folgt aus

<div class="form-group">

<div style="width:70%; float:left; margin-right:10px;">
<label for="customers_street_address">{txt key=TEXT_STREET}*</label>
{form id=customers_street_address type=text name=customers_street_address value=$customers_street_address}
</div>

<div style="overflow:hidden;">
<label for="coe_address_customers_street_address_housenumber">{txt key=TEXT_COE_AV_STREET_NUMBER}*</label>
{form id=coe_address_customers_street_address_housenumber type=text name=customers_street_address_housenumber value=$customers_street_address_housenumber}
</div>

</div>

// Rest des html-Codes

---

Eingabemaske für abweichende Lieferadresse

• Suchen Sie nach {txt key=TEXT_COMPANY} und {txt key=TEXT_CONTACT} in der login.html und {txt key=TEXT_ADDRESS} in der edit_address.html und fügen Sie die folgenden Smarty-Hooks ein, so dass die HTML-Dateien wie in den folgenden Beispielen aussieht.

In login.html sieht dies in etwas wie folgt aus:

{hook key=coe_address_validation_address_handler login_position="default_address"}

{if $show_company eq 1}
<fieldset>
<legend>{txt key=TEXT_COMPANY}</legend>

// Rest des html-Codes

{hook key=coe_address_validation_address_handler login_position="shipping_address"}

<fieldset>
<legend>{txt key=TEXT_CONTACT}</legend>

// Rest des html-Codes

In edit_address.html wird der Code automatisch eingebunden.