Magento - 如何在订单电子邮件中更改总计的字体大小?

时间:2015-04-21 08:55:02

标签: email magento templates font-size

从1.8升级到1.9.1后,我的订单电子邮件的字体大小会因块总数而改变,我无法弄清楚如何更改它。

目前它看起来像这样:http://www.pic-upload.de/view-26791263/Unbenannt.jpg.html

我想将font-sie更改为12px,就像其他电子邮件文本一样。

这是我后端的模板:

<h1></h1>
<style type="text/css">
<!--
.Stil1 {
font-size: 12px;
font-weight: bold;
}
.Stil2 {font-size: 12px}
.Stil4 {font-size: 10px}
-->
</style>
<body style="background:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;">
<footer style="background:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;">
<div style="background:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
    <td align="center" valign="top" style="padding:20px 0 20px 0">
        <table bgcolor="#FFFFFF" cellspacing="0" cellpadding="10" border="0" width="650" style="border:1px solid #E0E0E0;">
            <!-- [ header starts here] -->
            <tr>                   
                <td valign="top" bgcolor="#FFFFFF"><div align="right">
                <p><a href="{{store url=""}}"><img src="{{skin url="images/logo.jpg" _area='frontend'}}" alt="{{var store.getFrontendName()}}"  style="margin-bottom:10px;" border="0"/></a>
</p>
                <p>Shop Name <span class="Stil4">Shop Adress </span></p>
                </div></td>
            </tr>
            <!-- [ middle starts here] -->
            <tr>
                <td valign="top" bgcolor="#FFFFFF">
                    <h1 class="Stil2" style="font-size:12px; font-weight:normal; line-height:22px; margin:0 0 11px 0;"">Sehr geehrte Kundin, sehr geehrter Kunde, </h1>
                    <p class="Stil2">Vielen Dank f&uuml;r Ihre Bestellung. <br>
Die Bearbeitung Ihrer Bestellung sollte innerhalb der n&auml;chsten 5-7 Tage erfolgen. Sollten Sie dann nicht von uns h&ouml;ren, oder keine Ware erhalten, m&ouml;chten wir Sie bitten, sich mit uns in Verbindung zu setzen. </p>
                    <span class="Stil2">Vielen Dank, <br>
                    Ihr Team                    </span>
            <p style="font-size:12px; line-height:16px; margin:0;">&nbsp;</p>              
            </tr>
            <tr>
                <td bgcolor="#FFFFFF">
                    <h2 style="font-size:18px; font-weight:normal; margin:0;"><span class="Stil1">Ihre Bestellung  #{{var order.increment_id}} <small>(get&auml;tigt am  {{var order.getCreatedAtFormated('long')}})</small></span></h2>                </td>
            </tr>
            <tr>
                <td bgcolor="#FFFFFF">
                    <table cellspacing="0" cellpadding="0" border="0" width="650">
                        <thead>
                        <tr>
                            <th align="left" width="325" bgcolor="#FFFFFF" style="font-size:13px; padding:5px 9px 6px 9px; line-height:1em;"><span class="Stil2"> Rechnungsadresse:</span></th>
                            <th width="10"></th>
                            <th align="left" width="325" bgcolor="#FFFFFF" style="font-size:13px; padding:5px 9px 6px 9px; line-height:1em;"><span class="Stil2">Zahlart:</span></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td valign="top" style="font-size:12px; padding:7px 9px 9px 9px; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-top:1px solid #EAEAEA;">
                                {{var order.getBillingAddress().format('html')}}                      <br>    
                                {{htmlescape var=$order.getCustomerEmail()}}                    </td>
                            <td>&nbsp;</td>
                            <td valign="top" style="font-size:12px; padding:7px 9px 9px 9px; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-top:1px solid #EAEAEA;">
                                {{var payment_html}}{{var order.customer_taxvat}}                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <br/>
                    {{depend order.getIsNotVirtual()}}
                    <table cellspacing="0" cellpadding="0" border="0" width="650">
                        <thead>
                        <tr>
                            <th align="left" width="325" bgcolor="#FFFFFF" style="font-size:13px; padding:5px 9px 6px 9px; line-height:1em;"><span class="Stil2">Lieferadresse:</span></th>
                            <th width="10"></th>
                            <th align="left" width="325" bgcolor="#FFFFFF" style="font-size:13px; padding:5px 9px 6px 9px; line-height:1em;"><span class="Stil2">Porto:</span></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td valign="top" style="font-size:12px; padding:7px 9px 9px 9px; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-top:1px solid #EAEAEA;">
                                {{var order.getShippingAddress().format('html')}}
&nbsp;                            </td>
                            <td>&nbsp;</td>
                            <td valign="top" style="font-size:12px; padding:7px 9px 9px 9px; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; border-top:1px solid #EAEAEA;">Shipping Fees &nbsp;                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <br/>
                    {{/depend}}
                    {{layout handle="sales_email_order_items" order=$order}}  <br>   
<span class="Stil2">Bestellkommentar:</span>
                    <p style="font-size:12px; margin:0 0 10px 0">{{var order.getEmailCustomerNote()}}</p>             </td>
            </tr>
        </table>
    </td>
</tr>
</table>
</div>
</body>

和模板样式:     body,td {color:#2f2f2f;字体:11px / 1.35em Verdana,Arial,Helvetica,sans-serif; }

之前运作良好,但现在总计块的大小要大得多。任何人都可以建议我在哪里添加正确的标签来编辑字体大小?

2 个答案:

答案 0 :(得分:0)

尝试将样式添加到以下模板中:

/app/design/frontend/**base/default**/template/sales/order/totals.phtml

或检查同一文件到您的自定义主题。

答案 1 :(得分:0)

尝试在local.xml上设置字体大小。例如:

<sales_email_order_items>
    <reference name="order_totals">
        <action method="setLabelProperties"><value>style="padding:6px 9px;font-size:12px;"</value></action>
        <action method="setValueProperties"><value>style="padding:6px 9px;font-size:12px;"</value></action>
    </reference>
</sales_email_order_items>