Email Templates Werden Automatisch In Inline Styles Gewandelt?

dusticelli · December 23, 2015

Teilweise raubt mir Presta ein bisschen den Verstand. Gestern habe ich mit viel Mühe nochmal alle Mailtemplates mit meinem edlen Responsive E-Mail design angepasst. Alles war gut.

Nun stelle ich heute fest, dass alle Templates nun nicht mehr responsive sind. Der Grund dürfte sein, dass der ursprüngliche Code der mit header und stylesheet arbeitete,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, maximum-scale=1">
    <title>Nachricht von {shop_name}</title>
 <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700" rel="stylesheet" type="text/css">
    <style type="text/css">
*
    {
        -webkit-text-size-adjust:none;
        -ms-text-size-adjust:none
    }
    #outlook a
    {
        padding:0
    }
    .ReadMsgBody,.ExternalClass
    {
        width:100%;
        background-color:#fff
    }
    .ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div,.ExternalClass a
    {
        line-height:100%
    }
    html
    {
        width:100%
    }
    body
    {
        width:100%;
        height:100%;
        background-color:#f5f5f5;
        margin:0;
        padding:0;
        -webkit-font-smoothing:antialiased
    }
    .yshortcuts a
    {
        border-bottom:none!important
    }
    p
    {
        margin:0
    }
    @-webkit-keyframes slider-autoplay {
        0%
        {
            opacity:0
        }       
        10%
        {
            opacity:1
        }       
        48%
        {
            opacity:1
        }       
        58%
        {
            opacity:0
        }       
        100%
        {
            opacity:0
        }
    }
    @keyframes slider-autoplay {
        0%
        {
            opacity:0
        }       
        10%
        {
            opacity:1
        }       
        48%
        {
            opacity:1
        }       
        58%
        {
            opacity:0
        }       
        100%
        {
            opacity:0
        }
    }
    div[class*="slider"]
    {
        position:relative
    }
    div[class*="slider"] span img:nth-of-type(1)
    {
        position:absolute;
        opacity:0;
        width:100%!important;
        max-width:none!important;
        max-height:none!important;
        top:0;
        left:0;
        -moz-animation:slider-autoplay ease 10s 5s infinite;
        -webkit-animation:slider-autoplay ease 10s 5s infinite;
        -o-animation:slider-autoplay ease 10s 5s infinite;
        animation:slider-autoplay ease 10s 5s infinite
    }
    div[class*="slider"] img
    {
        -moz-animation:slider-autoplay ease 10s 0 infinite;
        -webkit-animation:slider-autoplay ease 10s 0 infinite;
        -o-animation:slider-autoplay ease 10s 0 infinite;
        animation:slider-autoplay ease 10s 0 infinite
    }
    </style>
    <style type="text/css">
@media only screen and (max-width: 480px) {
        table[class*="m-w100"],td[class*="m-w100"],table[class="b-border"]
        {
            width:100%!important;
            padding:0!important;
            clear:both
        }       
        table[class*="container420"],table[class="bg-table"]
        {
            width:210px
        }       
        table[class="calendar"]
        {
            width:100%!important;
            padding:0 0 20px!important
        }       
        td[class*="copyright"]
        {
            text-align:center!important
        }       
        td[class="image"] img,td[class="product-img"] img
        {
            width:100%!important;
            height:auto!important
        }       
        td[class="b-buy"]
        {
            padding-left:0!important;
            border-left:0 none!important;
            border-top:1px solid #e9e9e9
        }       
        td[class="timer"]
        {
            text-align:center;
            padding:0 5px
        }       
        td[class="timer"] img
        {
            width:100%!important
        }       
        td[class="m-hidden"]
        {
            display:none
        }
    }
    </style>
  <!--[if gte mso 9]> <style type="text/css">     body, table, tr, td, p, span, a, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dd, dt {         font-family: Helvetica, Arial, sans-serif !important;     } </style> <![endif]-->
  </head>
  <body style="-webkit-text-size-adjust: none; margin: 0; padding: 0; font-family: 'Open Sans', Arial, sans-serif; background-color: #f5f5f5; color: #666;">
    <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" style="width: 100%; background-color: #f5f5f5;">
      <tr>
        <td class="table-wrap" style="padding: 0 30px;">
          <table class="m-w100" width="502" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0 auto;">
            
            <!-- Spacer -->
            <tr>
              <td class="spacer" height="30" style="font-size: 0; line-height: 0;"> 
                
              </td>
            </tr>
            <!-- End Spacer -->
            <tr>
              <td>
                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                  <tr>
                <td class="main-content layouts-here" style="background-color: #fff; border: 1px solid #e9e9e9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
                      
                      <!-- Header -->
...

irgendwie umgeändert wurde (wann und von wem?) und nun alle Templates nur noch in Tabellenform mit inline-Styles existieren.


        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f5f5f5;"><tr><td class="table-wrap" style="padding:0 30px;">
          <table class="m-w100" width="502" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;margin:0 auto;"><!-- Spacer --><tr><td class="spacer" height="30" style="font-size:0;line-height:0;"> 
                
              </td>
            </tr><!-- End Spacer --><tr><td>
                <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td class="main-content layouts-here" style="background-color:#fff;border:1px solid #e9e9e9;">
                      
                      <!-- Header -->

.....

Ich habe auf einmal alle Mailtemplates im Ordner mit einem Zeitstempel von heute morgen 9:51 Uhr. Da habe ich die aber niemals alle angefasst. Das scheint iregend ein Automatismus zu sein.

Wer kann mir erklären, warum das passiert, und vor allem, wie ich das verhindern kann?

Schönen Dank schon mal..

Sign In

Email Templates Werden Automatisch In Inline Styles Gewandelt?

Recommended Posts

dusticelli

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Go back to prestashop.com