Jump to content

Email template cyan background after saving the translation

wmh90

By wmh90
in Bug reports

 Share

Recommended Posts

wmh90 Newbie

wmh90

Posted
Posted

Hello everybody.

 

I was editing my store these days (PS 1.6.1.4 with theme Transformer), and noticed that some of my emails was strange with a cyan/neon blue background.

I thought was some error, downloaded all of them and edited on Dreamweaver, everything's fine, cool.

 

So I installed a module and had to translate it again via BO, all seems good, hit Save and stay button, when I got back to check, ALL OF MY EMAILS was with blue background and misconfigured, pretty strange (see email problem.png attach).

 

Then, I went back to my ftp and checked the html file, and it became this:

    <table class=\"table table-mail\" style=\"width:100%;margin-top:10px;\"><tbody><tr><td class=\"space\" style=\"width:20px;padding:7px 0;\"> </td>
<td align=\"center\" style=\"padding:7px 0;\">
<table class=\"table\" bgcolor=\"#ffffff\" style=\"width:100%;\"><tbody><tr><td align=\"center\" class=\"logo\" style=\"border-bottom:4px solid #333333;padding:7px 0;\"><a title=\"{shop_name}\" href=\"{shop_url}\" style=\"color:#337ff1;\"> <img src=\"{shop_logo}\" alt=\"{shop_name}\" /></a></td>
</tr><tr><td align=\"center\" class=\"titleblock\" style=\"padding:7px 0;\"><span style=\"color:#555454;font-family:\'Open-sans\', sans-serif;font-size:small;\"> <span class=\"title\" style=\"font-weight:500;font-size:28px;text-transform:uppercase;line-height:33px;\">Olá {firstname} {lastname},</span><br /><span class=\"subtitle\" style=\"font-weight:500;font-size:16px;text-transform:uppercase;line-height:25px;\">Muito obrigado por ter criado a sua conta na {shop_name}.</span> </span></td>
</tr><tr><td class=\"space_footer\" style=\"padding:0;\"> </td>
</tr><tr><td class=\"box\" style=\"border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0;\">
<table class=\"table\" style=\"width:100%;\"><tbody><tr><td width=\"10\" style=\"padding:7px 0;\"> </td>
<td style=\"padding:7px 0;\">
<p style=\"border-bottom:1px solid #D6D4D4;margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;padding-bottom:10px;\">Seus dados de acesso à loja {shop_name}</p>
<span style=\"color:#555454;font-family:\'Open-sans\', sans-serif;font-size:small;\"><span style=\"color:#777;\"><span style=\"color:#333;\"><strong>E-mail: <a href=\"mailto:{email}\" style=\"color:#337ff1;\">{email}</a></strong></span><br /><span style=\"color:#333;\"><strong>Senha:</strong></span> {passwd} </span></span></td>
<td width=\"10\" style=\"padding:7px 0;\"> </td>
</tr></tbody></table></td>
</tr><tr><td class=\"space_footer\" style=\"padding:0;\"> </td>
</tr><tr><td class=\"box\" style=\"border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0;\">
<table class=\"table\" style=\"width:100%;\"><tbody><tr><td width=\"10\" style=\"padding:7px 0;\"> </td>
<td style=\"padding:7px 0;\">
<p style=\"border-bottom:1px solid #D6D4D4;margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;padding-bottom:10px;\">Dicas importantes sobre segurança:</p>
<ol style=\"margin-bottom:0;\"><li>Mantenha os dados da sua conta seguros.</li>
<li>Nunca revele os seus dados de acesso a ninguém.</li>
<li>Troque a sua senha regularmente.</li>
<li>Em caso de suspeita de que alguém esteja utilizando a sua conta indevidamente, por favor nos informe imediatamente.</li>
</ol></td>
<td width=\"10\" style=\"padding:7px 0;\"> </td>
</tr></tbody></table></td>
</tr><tr><td class=\"space_footer\" style=\"padding:0;\"> </td>
</tr><tr><td class=\"linkbelow\" style=\"padding:7px 0;\"><span style=\"color:#555454;font-family:\'Open-sans\', sans-serif;font-size:small;\"> <span>Você já pode realizar pedidos em nossa loja: <a href=\"{shop_url}\" style=\"color:#337ff1;\">{shop_name}</a></span> </span></td>
</tr><tr><td class=\"space_footer\" style=\"padding:0;\"> </td>
</tr><tr><td class=\"footer\" style=\"border-top:4px solid #333333;padding:7px 0;\"><span>© <a href=\"{shop_url}\" style=\"color:#337ff1;\">{shop_name}</a> 2010-2016</span></td>
</tr></tbody></table></td>
<td class=\"space\" style=\"width:20px;padding:7px 0;\"> </td>
</tr></tbody></table>

Instead of the original:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<title>Mensagem da loja {shop_name}</title>
		
		
		<style>	@media only screen and (max-width: 300px){ 
				body {
					width:218px !important;
					margin:auto !important;
				}
				.table {width:195px !important;margin:auto !important;}
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto !important;display: block !important;}		
				span.title{font-size:20px !important;line-height: 23px !important}
				span.subtitle{font-size: 14px !important;line-height: 18px !important;padding-top:10px !important;display:block !important;}		
				td.box p{font-size: 12px !important;font-weight: bold !important;}
				.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr { 
					display: block !important; 
				}
				.table-recap{width: 200px!important;}
				.table-recap tr td, .conf_body td{text-align:center !important;}	
				.address{display: block !important;margin-bottom: 10px !important;}
				.space_address{display: none !important;}	
			}
	@media only screen and (min-width: 301px) and (max-width: 500px) { 
				body {width:308px!important;margin:auto!important;}
				.table {width:285px!important;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}	
				.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr { 
					display: block !important; 
				}
				.table-recap{width: 295px !important;}
				.table-recap tr td, .conf_body td{text-align:center !important;}
				
			}
	@media only screen and (min-width: 501px) and (max-width: 768px) {
				body {width:478px!important;margin:auto!important;}
				.table {width:450px!important;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}			
			}
	@media only screen and (max-device-width: 480px) { 
				body {width:308px!important;margin:auto!important;}
				.table {width:285px;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
				
				.table-recap{width: 295px!important;}
				.table-recap tr td, .conf_body td{text-align:center!important;}	
				.address{display: block !important;margin-bottom: 10px !important;}
				.space_address{display: none !important;}	
			}
</style>

	</head>
	<body style="-webkit-text-size-adjust:none;background-color:#fff;width:650px;font-family:Open-sans, sans-serif;color:#555454;font-size:13px;line-height:18px;margin:auto">
		<table class="table table-mail" style="width:100%;margin-top:10px;-moz-box-shadow:0 0 5px #afafaf;-webkit-box-shadow:0 0 5px #afafaf;-o-box-shadow:0 0 5px #afafaf;box-shadow:0 0 5px #afafaf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#afafaf,Direction=134,Strength=5)">
			<tr>
				<td class="space" style="width:20px;padding:7px 0"> </td>
				<td align="center" style="padding:7px 0">
					<table class="table" bgcolor="#ffffff" style="width:100%">
						<tr>
							<td align="center" class="logo" style="border-bottom:4px solid #333333;padding:7px 0">
								<a title="{shop_name}" href="{shop_url}" style="color:#337ff1">
									<img src="{shop_logo}" alt="{shop_name}" />
								</a>
							</td>
						</tr>

<tr>
	<td align="center" class="titleblock" style="padding:7px 0">
		<font size="2" face="Open-sans, sans-serif" color="#555454">
			<span class="title" style="font-weight:500;font-size:28px;text-transform:uppercase;line-height:33px">Olá {firstname} {lastname},</span><br/>
			<span class="subtitle" style="font-weight:500;font-size:16px;text-transform:uppercase;line-height:25px">Muito obrigado por ter criado a sua conta na {shop_name}.</span>
		</font>
	</td>
</tr>
<tr>
	<td class="space_footer" style="padding:0!important"> </td>
</tr>
<tr>
	<td class="box" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0">
		<table class="table" style="width:100%">
			<tr>
				<td width="10" style="padding:7px 0"> </td>
				<td style="padding:7px 0">
					<font size="2" face="Open-sans, sans-serif" color="#555454">
						<p data-html-only="1" style="border-bottom:1px solid #D6D4D4;margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;padding-bottom:10px">
							Seus dados de acesso à loja {shop_name}						</p>
						<span style="color:#777"><span style="color:#333"><strong>E-mail: <a href="mailto:{email}" style="color:#337ff1">{email}</a></strong></span><br>
                        <span style="color:#333"><strong>Senha:</strong></span> {passwd} </span></font>
				</td>
				<td width="10" style="padding:7px 0"> </td>
			</tr>
		</table>
	</td>
</tr>
<tr>
	<td class="space_footer" style="padding:0!important"> </td>
</tr>
<tr>
	<td class="box" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0">
		<table class="table" style="width:100%">
			<tr>
				<td width="10" style="padding:7px 0"> </td>
				<td style="padding:7px 0">
					<font size="2" face="Open-sans, sans-serif" color="#555454">
						<p style="border-bottom:1px solid #D6D4D4;margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;padding-bottom:10px">Dicas importantes sobre segurança:</p>
						<ol style="margin-bottom:0">
							<li>Mantenha os dados da sua conta seguros.</li>
							<li>Nunca revele os seus dados de acesso a ninguém.</li>
							<li>Troque a sua senha regularmente.</li>
							<li>Em caso de suspeita de que alguém esteja utilizando a sua conta indevidamente, por favor nos informe imediatamente.</li>
						</ol>
					</font>
				</td>
				<td width="10" style="padding:7px 0"> </td>
			</tr>
		</table>
	</td>
</tr>
<tr>
	<td class="space_footer" style="padding:0!important"> </td>
</tr>
<tr>
	<td class="linkbelow" style="padding:7px 0">
		<font size="2" face="Open-sans, sans-serif" color="#555454">
			<span>Você já pode realizar pedidos em nossa loja: <a href="{shop_url}" style="color:#337ff1">{shop_name}</a></span>
		</font>
	</td>
</tr>

						<tr>
							<td class="space_footer" style="padding:0!important"> </td>
						</tr>
						<tr>
							<td class="footer" style="border-top:4px solid #333333;padding:7px 0"><span>© <a href="{shop_url}" style="color:#337ff1">{shop_name}</a> 2010-2016</span></td>
						</tr>
					</table>
				</td>
				<td class="space" style="width:20px;padding:7px 0"> </td>
			</tr>
		</table>
	</body>
</html>

Someone is facing this issue too? I'm not sure if it's theme related or some core bug (my guess is that is some core problem).

I had to do all the email again and made a backup so when I need to translate something, I had to do locally and then upload via ftp the files, kinda annoying, but was the solution I found by the moment.

post-310373-0-47288900-1463623353_thumb.png

Link to comment
Share on other sites
  • 2 weeks later...

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
 Share
Go to topic listing
×
×
  • Create New...