2016-04-05 13 views
0

Sadece bir müşterim için magento'da bir bülten şablonu oluşturdum. ama sorun, Hotmail Gmail Yahoo vb. Arka plan üstbilgisi görüntüsünü göstermiyor. Test ortamında ve web postasında mükemmel bir şekilde gösteriliyor ancak herhangi bir Outlook'ta değil. İşte hepsi sizin için bir kod. Lütfen bana neyi yanlış yaptığımı söyler misiniz? htmlE-posta şablonu arka plan görüntüsünü hotmail'de göstermiyor

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Newsletter</title> 
<style type="text/css"> 
body { 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
} 
</style> 
</head> 
<body> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
     <td align="center" valign="top"><table width="650" border="0" cellspacing="0" cellpadding="0"> 
     <tbody> 
      <tr> 
      <td height="90" align="center" valign="top" style="background-image:url(http:placehold.it/350x150.jpg); background-repeat:no-repeat; background-position:center top;"><table width="600" border="0" cellspacing="0" cellpadding="0"> 
       <tbody> 
       <tr> 
        <td width="300" height="90" align="left" valign="middle"><a href="http://www.mysite.co.uk"><img src="http://www.mysite.co.uknewsletter/logo.png" width="177" height="48" alt=""/></a></td> 
        <td width="300" height="90" align="right" valign="middle"><img src="http://www.mysite.co.uknewsletter/contact-us.png" width="146" height="47" alt=""/></td> 
       </tr> 
       </tbody> 
      </table></td> 
      </tr> 
      <tr> 
      <td height="35" align="left" valign="top" style="background-image:url(http://www.mysite.co.uknewsletter/menu_bg.jpg); background-repeat:repeat-x; background-position:center top;"> 
      <a href="https://www.smartteck.co.uk" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">Home</a> 
      <a href="http://www.mysite.co.ukpc-components.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">PC COMPONENTS</a> 
      <a href="http://www.mysite.co.ukdesktop-pc-s.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">DESKTOP PC’S</a> 
      <a href="http://www.mysite.co.uklaptops.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">LAPTOPS</a> 
      <a href="http://www.mysite.co.ukmonitor-tv-s.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">MONITOR & TV’S</a> 
      <a href="http://www.mysite.co.ukstorage.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">STORAGE</a> 
      <a href="http://www.mysite.co.ukgaming-gadgets.html" style="line-height:35px; padding:0px 8px; color:#FF0000; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">SALE</a> 

      </td> 
      </tr> 
      <tr> 
      {{inlinecss file="email-inline.css"}} 
<td align="center" valign="top"><table width="650" border="0" cellspacing="0" cellpadding="0"> 
<table cellpadding="0" cellspacing="0" border="0"> 
    </tr> 
    <tr> 
     <td> 
      <table cellpadding="0" cellspacing="0" border="0"> 
       <tr> 
        <td class="email-heading"> 
         <h1>Thank you for your order from {{var store.getFrontendName()}}.</h1> 
         <p>Once your package ships we will send an email with a link to track your order. Your order summary is below. Thank you again for your business.</p> 
        </td> 
        <td class="store-info"> 
         <h4>Order Questions?</h4> 
         <p> 
          {{depend store_phone}} 
          <b>Call Us:</b> 
          <a href="tel:{{var phone}}">{{var store_phone}}</a><br> 
          {{/depend}} 
          {{depend store_hours}} 
          <span class="no-link">{{var store_hours}}</span><br> 
          {{/depend}} 
          {{depend store_email}} 
          <b>Email:</b> <a href="mailto:{{var store_email}}">{{var store_email}}</a> 
          {{/depend}} 
         </p> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td class="order-details"> 
      <h3>Your order <span class="no-link">#{{var order.increment_id}}</span></h3> 
      <p>Placed on {{var order.getCreatedAtFormated('long')}}</p> 
     </td> 
    </tr> 
    <tr class="order-information"> 
     <td> 
      {{if order.getEmailCustomerNote()}} 
      <table cellspacing="0" cellpadding="0" class="message-container"> 
       <tr> 
        <td>{{var order.getEmailCustomerNote()}}</td> 
       </tr> 
      </table> 
      {{/if}} 
      {{layout handle="sales_email_order_items" order=$order}} 
      <table cellpadding="0" cellspacing="0" border="0"> 
       <tr> 
        <td class="address-details"> 
         <h6>Bill to:</h6> 
         <p><span class="no-link">{{var order.getBillingAddress().format('html')}}</span></p> 
        </td> 
        {{depend order.getIsNotVirtual()}} 
        <td class="address-details"> 
         <h6>Ship to:</h6> 
         <p><span class="no-link">{{var order.getShippingAddress().format('html')}}</span></p> 
        </td> 
        {{/depend}} 
       </tr> 
       <tr> 
        {{depend order.getIsNotVirtual()}} 
        <td class="method-info"> 
         <h6>Shipping method:</h6> 
         <p>{{var order.shipping_description}}</p> 
        </td> 
        {{/depend}} 
        <td class="method-info"> 
         <h6>Payment method:</h6> 
         {{var payment_html}} 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
</table> 

<tr> 
      <td height="20" align="center" valign="top">&nbsp;</td> 
      </tr> 
      <tr> 
      <td height="56" align="center" valign="middle" bgcolor="#dcdcdc"> 
      <img src="http://www.mysite.co.uknewsletter/brand-1.jpg" width="110" height="35" alt=""/> 
      <img src="http://www.mysite.co.uknewsletter/brand-2.jpg" width="110" height="35" alt=""/> 
      <img src="http://www.mysite.co.uknewsletter/brand-3.jpg" width="110" height="35" alt=""/> 
      <img src="http://www.mysite.co.uknewsletter/brand-4.jpg" width="110" height="35" alt=""/> 
      <img src="http://www.mysite.co.uknewsletter/brand-5.jpg" width="110" height="35" alt=""/></td> 
      </tr> 
      <tr> 
      <td height="75" align="center" valign="middle"> 
      <a href="https://www.facebook.com/SmartTeckLtd"><img src="http://www.mysite.co.uknewsletter/facebook.jpg" width="31" height="31" alt=""/></a>&nbsp; 
      <a href="https://twitter.com/SmartTeck_Ltd"><img src="http://www.mysite.co.uknewsletter/twitter.jpg" width="31" height="31" alt=""/></a>&nbsp; 
      <a href="https://plus.google.com/+SmartteckUk/"><img src="http://www.mysite.co.uknewsletter/gplus.jpg" width="31" height="31" alt=""/></a>&nbsp; 
      <a href="http://www.mysite.co.uk#"><img src="http://www.mysite.co.uknewsletter/pinterest.jpg" width="31" height="31" alt=""/></a>&nbsp; 
      <a href="http://www.mysite.co.uk#"><img src="http://www.mysite.co.uknewsletter/youtube.jpg" width="31" height="31" alt=""/></a>&nbsp; 
      <a href="http://www.mysite.co.uk#"><img src="http://www.mysite.co.uknewsletter/instagram.jpg" width="31" height="31" alt=""/></a>&nbsp; 
      <a href="http://www.mysite.co.uk#"><img src="http://www.mysite.co.uknewsletter/linkedin.jpg" width="31" height="31" alt=""/></a></td> 
      </tr> 
      <tr> 
      <td height="33" align="center" valign="middle" bgcolor="#1696da" style="color:#FFFFFF; font-family:arial; font-size:12px;">&copy; Copyrights 2016 Smart Tech 786 Ltd, Registered Number 09713584.</td> 
      </tr> 
      <tr> 
      <td height="20" align="center" valign="top" style="line-height:40px; font-size:11px; font-family:arial;"> 
      </td> 
      </tr> 
     </tbody> 
     </table></td> 
    </tr> 
    </tbody> 
</table> 
</body> 
</html> 
+0

bunlar, – shafiq

cevap

0

Eposta ... zor olabilir, bu nedenle eski biçimlendirme şekilde kullanabilirsiniz

<td height="90" align="center" background="myback.gif">...</td> 

Yan notu e-posta için sorunu çözmek için yeterlidir Siz de bir yazım hatası

, müşteriler size sizi url indirilecek 2 unuttum nerede, yeni css stilleri destekleyen, böylece http:placehold...http://placehold... için

style="background-image:url(http://placehold.it/350x150); ..." 
değiştirmek 210

yine satır içi stili ile sorunlar varsa, size td çıkarın ve bir de dahil olmak üzere bu

  <td height="90" align="center" valign="top">     
      <table width="600" border="0" cellspacing="0" cellpadding="0" background="http://placehold.it/350x150"> 
+0

no'lu sorun giderme hattıdır, ben de bu şekilde kullandım, ancak tüm şablon ile uğraştım. bu, "td height =" 90 "align =" center "valign =" top "style =" background-image: url (http: placehold.it/350x150.jpg); Arka plan-tekrar: no-tekrar; arka plan konumu: ortadaki üst: ">

shafiq

+0

@shafiq Güncelleme denetle – LGSon

+0

@shafiq İşte eski bir de öğretici: http://www.htmliseasy.com/table_tutor/background.html – LGSon

0

deneyin gibi, tabloya eklemek nereye, başlık arka planı değiştirmek isteyebilirsiniz Örneğin böyle css

tam url:

<!doctype html> 
 
<html> 
 
<head> 
 
<meta charset="utf-8"> 
 
<title>Newsletter</title> 
 
<style type="text/css"> 
 
body { 
 
\t margin-left: 0px; 
 
\t margin-top: 0px; 
 
\t margin-right: 0px; 
 
\t margin-bottom: 0px; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
 
    <tbody> 
 
    <tr> 
 
     <td align="center" valign="top"><table width="650" border="0" cellspacing="0" cellpadding="0"> 
 
     <tbody> 
 
      <tr> 
 
      <td height="90" align="center" valign="top" style="background-image:url(https://placeholdit.imgix.net/~text?txtsize=33&txt=350%C3%97150&w=350&h=150&fm=jpg); background-repeat:no-repeat; background-position:center top;"><table width="600" border="0" cellspacing="0" cellpadding="0"> 
 
       <tbody> 
 
       <tr> 
 
        <td width="300" height="90" align="left" valign="middle"><a href="http://www.mysite.co.uk"><img src="http://www.mysite.co.uknewsletter/logo.png" width="177" height="48" alt=""/></a></td> 
 
        <td width="300" height="90" align="right" valign="middle"><img src="http://www.mysite.co.uknewsletter/contact-us.png" width="146" height="47" alt=""/></td> 
 
       </tr> 
 
       </tbody> 
 
      </table></td> 
 
      </tr> 
 
      <tr> 
 
      <td height="35" align="left" valign="top" style="background-image:url(http://www.mysite.co.uknewsletter/menu_bg.jpg); background-repeat:repeat-x; background-position:center top;"> 
 
      <a href="https://www.smartteck.co.uk" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">Home</a> 
 
      <a href="http://www.mysite.co.ukpc-components.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">PC COMPONENTS</a> 
 
      <a href="http://www.mysite.co.ukdesktop-pc-s.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">DESKTOP PC’S</a> 
 
      <a href="http://www.mysite.co.uklaptops.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">LAPTOPS</a> 
 
      <a href="http://www.mysite.co.ukmonitor-tv-s.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">MONITOR & TV’S</a> 
 
      <a href="http://www.mysite.co.ukstorage.html" style="line-height:35px; padding:0px 8px; color:#FFFFFF; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">STORAGE</a> 
 
      <a href="http://www.mysite.co.ukgaming-gadgets.html" style="line-height:35px; padding:0px 8px; color:#FF0000; font-family:arial; font-size:12px; text-decoration:none; text-transform:uppercase;">SALE</a> 
 
      
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      {{inlinecss file="email-inline.css"}} 
 
<td align="center" valign="top"><table width="650" border="0" cellspacing="0" cellpadding="0"> 
 
<table cellpadding="0" cellspacing="0" border="0"> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
      <table cellpadding="0" cellspacing="0" border="0"> 
 
       <tr> 
 
        <td class="email-heading"> 
 
         <h1>Thank you for your order from {{var store.getFrontendName()}}.</h1> 
 
         <p>Once your package ships we will send an email with a link to track your order. Your order summary is below. Thank you again for your business.</p> 
 
        </td> 
 
        <td class="store-info"> 
 
         <h4>Order Questions?</h4> 
 
         <p> 
 
          {{depend store_phone}} 
 
          <b>Call Us:</b> 
 
          <a href="tel:{{var phone}}">{{var store_phone}}</a><br> 
 
          {{/depend}} 
 
          {{depend store_hours}} 
 
          <span class="no-link">{{var store_hours}}</span><br> 
 
          {{/depend}} 
 
          {{depend store_email}} 
 
          <b>Email:</b> <a href="mailto:{{var store_email}}">{{var store_email}}</a> 
 
          {{/depend}} 
 
         </p> 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td class="order-details"> 
 
      <h3>Your order <span class="no-link">#{{var order.increment_id}}</span></h3> 
 
      <p>Placed on {{var order.getCreatedAtFormated('long')}}</p> 
 
     </td> 
 
    </tr> 
 
    <tr class="order-information"> 
 
     <td> 
 
      {{if order.getEmailCustomerNote()}} 
 
      <table cellspacing="0" cellpadding="0" class="message-container"> 
 
       <tr> 
 
        <td>{{var order.getEmailCustomerNote()}}</td> 
 
       </tr> 
 
      </table> 
 
      {{/if}} 
 
      {{layout handle="sales_email_order_items" order=$order}} 
 
      <table cellpadding="0" cellspacing="0" border="0"> 
 
       <tr> 
 
        <td class="address-details"> 
 
         <h6>Bill to:</h6> 
 
         <p><span class="no-link">{{var order.getBillingAddress().format('html')}}</span></p> 
 
        </td> 
 
        {{depend order.getIsNotVirtual()}} 
 
        <td class="address-details"> 
 
         <h6>Ship to:</h6> 
 
         <p><span class="no-link">{{var order.getShippingAddress().format('html')}}</span></p> 
 
        </td> 
 
        {{/depend}} 
 
       </tr> 
 
       <tr> 
 
        {{depend order.getIsNotVirtual()}} 
 
        <td class="method-info"> 
 
         <h6>Shipping method:</h6> 
 
         <p>{{var order.shipping_description}}</p> 
 
        </td> 
 
        {{/depend}} 
 
        <td class="method-info"> 
 
         <h6>Payment method:</h6> 
 
         {{var payment_html}} 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
    </tr> 
 
</table> 
 

 
<tr> 
 
      <td height="20" align="center" valign="top">&nbsp;</td> 
 
      </tr> 
 
      <tr> 
 
      <td height="56" align="center" valign="middle" bgcolor="#dcdcdc"> 
 
      <img src="http://www.mysite.co.uknewsletter/brand-1.jpg" width="110" height="35" alt=""/> 
 
      <img src="http://www.mysite.co.uknewsletter/brand-2.jpg" width="110" height="35" alt=""/> 
 
      <img src="http://www.mysite.co.uknewsletter/brand-3.jpg" width="110" height="35" alt=""/> 
 
      <img src="http://www.mysite.co.uknewsletter/brand-4.jpg" width="110" height="35" alt=""/> 
 
      <img src="http://www.mysite.co.uknewsletter/brand-5.jpg" width="110" height="35" alt=""/></td> 
 
      </tr> 
 
      <tr> 
 
      <td height="75" align="center" valign="middle"> 
 
      <a href="https://www.facebook.com/SmartTeckLtd"><img src="http://www.mysite.co.uknewsletter/facebook.jpg" width="31" height="31" alt=""/></a>&nbsp; 
 
      <a href="https://twitter.com/SmartTeck_Ltd"><img src="http://www.mysite.co.uknewsletter/twitter.jpg" width="31" height="31" alt=""/></a>&nbsp; 
 
      <a href="https://plus.google.com/+SmartteckUk/"><img src="http://www.mysite.co.uknewsletter/gplus.jpg" width="31" height="31" alt=""/></a>&nbsp; 
 
      <a href="http://www.mysite.co.uk#"><img src="http://www.mysite.co.uknewsletter/pinterest.jpg" width="31" height="31" alt=""/></a>&nbsp; 
 
      <a href="http://www.mysite.co.uk#"><img src="http://www.mysite.co.uknewsletter/youtube.jpg" width="31" height="31" alt=""/></a>&nbsp; 
 
      <a href="http://www.mysite.co.uk#"><img src="http://www.mysite.co.uknewsletter/instagram.jpg" width="31" height="31" alt=""/></a>&nbsp; 
 
      <a href="http://www.mysite.co.uk#"><img src="http://www.mysite.co.uknewsletter/linkedin.jpg" width="31" height="31" alt=""/></a></td> 
 
      </tr> 
 
      <tr> 
 
      <td height="33" align="center" valign="middle" bgcolor="#1696da" style="color:#FFFFFF; font-family:arial; font-size:12px;">&copy; Copyrights 2016 Smart Tech 786 Ltd, Registered Number 09713584.</td> 
 
      </tr> 
 
      <tr> 
 
      <td height="20" align="center" valign="top" style="line-height:40px; font-size:11px; font-family:arial;"> 
 
      </td> 
 
      </tr> 
 
     </tbody> 
 
     </table></td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 
</body> 
 
</html>

İlgili konular