Problem der Produktdarstellung in der Bestell-E-Mail 9. August 2011

Die Formatierung der Tabellenzeilen in der Bestell-E-Mail ist nicht besonders geglückt. Hierbei sind einige Tabellenzeilen durcheinander gekommen.

Die Reihe mit den Produkten sollte unter dem dunklem Balken von Artikelnr. Produkt, Stückpreis usw. stehen und dann auch zu 100% auf die aktive Fensterbreite angezeigt werden wie alles andere auch. In dieser Ansicht stehen die Produkte aber oberhalb der Kopfzeilen der Tabelle.

Dieses Problem wird im Template der Bestell-E-Mails gelöst. Die Vorlagen-Datei (das deutsche Template) order_conf.html liegt im Ordner /mails/de/

Tausche diesen HTML-Block =>

<td align=“left“>{products}         {discounts}
<table style=“width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;“>
<!– Title –>
<tbody>
<tr style=“background-color: #b9babe; text-align: center;“>
<th style=“width: 15%; padding: 0.6em 0;“>Artikelnr.</th> <th style=“width: 35%; padding: 0.6em 0;“>Produkt</th> <th style=“width: 15%; padding: 0.6em 0;“>St&uuml;ckpreis</th> <th style=“width: 15%; padding: 0.6em 0;“>Menge</th> <th style=“width: 20%; padding: 0.6em 0;“>Gesamtpreis</th>
</tr>
<!– Products –><!– Footer: prices –>
<tr style=“text-align: right;“>

 

 gegen diesen hier aus =>

<td align=“left“>
<table style=“width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;“>
<!– Title –>
<tbody>
<tr style=“background-color: #b9babe; text-align: center;“>
<th style=“width: 15%; padding: 0.6em 0;“>Artikelnr.</th> <th style=“width: 35%; padding: 0.6em 0;“>Produkt</th> <th style=“width: 15%; padding: 0.6em 0;“>St&uuml;ckpreis</th> <th style=“width: 15%; padding: 0.6em 0;“>Menge</th> <th style=“width: 20%; padding: 0.6em 0;“>Gesamtpreis</th>
</tr>
<!– Products –>
{products} {discounts}
<!– Footer: prices –>
<tr style=“text-align: right;“>

 

Danach sollte das Layout sich verbessern:

Die korrigierte deutsche Template Datei gibt es hier zum  Download order_conf.html.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.