Jump to content
dusticelli

Email Templates Werden Automatisch In Inline Styles Gewandelt?

Recommended Posts

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..

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More