Ir para conteúdo






Foto

Corrigir Template E-mail

magento email css layout

  • Por favor, faça o login para responder
Não há respostas para este tópico

#1 Marco Gaiotto

Marco Gaiotto

    Membro Avançado

  • Membros
  • PipPipPip
  • 76 posts

Postado 23 fevereiro 2018 - 11:08

Prezados,

 

Configurei o e-mail, complementei com o CSS, porém, a parte final continua aparecendo da forma que não almejo. (VIDE PRINT/ANEXO).

 

Fiz essa configuração:

 

<div style="font:11px/1.35em Verdana, Arial, Helvetica, sans-serif;">
<table cellspacing="0" cellpadding="0" border="0" width="98%" style="margin-top:10px; font:11px/1.35em Verdana, Arial, Helvetica, sans-serif; margin-bottom:10px;">
<tr>
    <td align="center" valign="top">
        <!-- [ header starts here] -->
        <table cellspacing="0" cellpadding="0" border="0" width="650">
            <tr>
                <td valign="top"><a href="{{store url=""}}"><img src="{{skin url="images/logo_email.gif" _area='frontend'}}" alt="{{var store.getFrontendName()}}"  style="margin-bottom:10px;" border="0"/></a></td>
            </tr>
        </table>
        <!-- [ middle starts here] -->
        <table cellspacing="0" cellpadding="0" border="0" width="650">
            <tr>
                <td valign="top">
                    <p>
                        <strong>Olá {{htmlescape var=$order.getCustomerName()}}</strong>,<br/>
                        Agradecemos pelo seu pedido em {{var store.getFrontendName()}}.
                        Assim que a sua encomenda for encaminhada, estaremos enviando um email com o código de envio.
                        O(A) Sr.(a) pode checar a situação da sua compra <a href="{{store url="customer/account/"}}" style="color:#1E7EC8;">acessando sua conta</a>.
                        Caso tenha dúvidas sobre a compra, favor entrar em contato pelo email <a href="mailto:{{config path='trans_email/ident_support/email'}}" style="color:#1E7EC8;">{{config path='trans_email/ident_support/email'}}</a> ou ligue <span class="nobr">{{config path='general/store_information/phone'}}</span>.
                    </p>
                    <p>Os dados da compra se encontram abaixo. Novamente agradecemos a sua compra</p>
 
                    <h3 style="border-bottom:2px solid #eee; font-size:1.05em; padding-bottom:1px; ">Seu pedido #{{var order.increment_id}} <small>(realizado em {{var order.getCreatedAtFormated('long')}})</small></h3>
                    <table cellspacing="0" cellpadding="0" border="0" width="100%">
                        <thead>
                        <tr>
                            <th align="left" width="48.5%" bgcolor="#d9e5ee" style="padding:5px 9px 6px 9px; border:1px solid #bebcb7; border-bottom:none; line-height:1em;">Informações de Pagamento:</th>
                            <th width="3%"></th>
                            <th align="left" width="48.5%" bgcolor="#d9e5ee" style="padding:5px 9px 6px 9px; border:1px solid #bebcb7; border-bottom:none; line-height:1em;">Método de Pagamento:</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td valign="top" style="padding:7px 9px 9px 9px; border:1px solid #bebcb7; border-top:0; background:#f8f7f5;">
                                {{var order.getBillingAddress().format('html')}}
                            </td>
                            <td>&nbsp;</td>
                            <td valign="top" style="padding:7px 9px 9px 9px; border:1px solid #bebcb7; border-top:0; background:#f8f7f5;">
                                {{var payment_html}}
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <br/>
                    {{depend order.getIsNotVirtual()}}
                    <table cellspacing="0" cellpadding="0" border="0" width="100%">
                        <thead>
                        <tr>
                            <th align="left" width="48.5%" bgcolor="#d9e5ee" style="padding:5px 9px 6px 9px; border:1px solid #bebcb7; border-bottom:none; line-height:1em;">Informações de Envio:</th>
                            <th width="3%"></th>
                            <th align="left" width="48.5%" bgcolor="#d9e5ee" style="padding:5px 9px 6px 9px; border:1px solid #bebcb7; border-bottom:none; line-height:1em;">Método de Envio:</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td valign="top" style="padding:7px 9px 9px 9px; border:1px solid #bebcb7; border-top:0; background:#f8f7f5;">
                                {{var order.getShippingAddress().format('html')}}
                                &nbsp;
                            </td>
                            <td>&nbsp;</td>
                            <td valign="top" style="padding:7px 9px 9px 9px; border:1px solid #bebcb7; border-top:0; background:#f8f7f5;">
                                {{var order.getShippingDescription()}}
                                &nbsp;
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <br/>
                    {{/depend}}
 
 
   <table cellspacing="0" cellpadding="0" border="0" width="100%">
                        <thead>
                        <tr>
                     {{layout handle="sales_email_order_items" order=$order}}
             </tr>
                        </thead>
                        <tbody>
                        <tr>
                             
{{var order.getOrderDeliveryAtFormated('long')}} 
                    {{var order.getEmailCustomerNote()}}
                    <p>Mais uma vez agradecemos,<br/><strong>{{var store.getFrontendName()}}</strong></p>
<br><br>
<p> Obs. Este email é apenas informativo, NÃO É NECESSÁRIO RESPONDER A ESTE EMAIL.</p>
                </td>
            </tr>
        </table>
    </td>
</tr>
</table>
</div>

 

 

CSS: body,td { color:#2f2f2f; font:11px/1.35em Verdana, Arial, Helvetica, sans-serif; }

 

 

Alguém pode dar uma ajuda?

 

Gratidão

Arquivo(s) anexado(s)


Marco Gaiotto






Tópicos que também usam as tags magento, email, css, layout:

0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos