Jump to content

HTML for default email template not working


Recommended Posts

Hi,

 

I wanted to translate the email templates of my store. After editing the first HTML version, the system stopped showing the HTML code properly. Please see images attached. If I open the code with the browser it works properly. However, in both Prestashop and when I send a test email, the HTML version just shows a blue background.

 

Am I missing anything?

 

Thanks for your help.

 

Robert

post-860695-0-57662900-1421520879_thumb.jpg

post-860695-0-55412800-1421520883_thumb.jpg

Link to comment
Share on other sites

Yes, please see the code below.

<table class="table table-mail" style="width: 100%; margin-top: 10px;">
<tbody>
<tr>
<td class="space" style="width: 20px; padding: 7px 0;"> </td>
<td style="padding: 7px 0;" align="center">
<table class="table" style="width: 100%;" bgcolor="#ffffff">
<tbody>
<tr>
<td class="logo" style="border-bottom: 4px solid #333333; padding: 7px 0;" align="center"><a style="color: #337ff1;" title="{shop_name}" href="%7Bshop_url%7D"> <img src="%7Bshop_logo%7D" alt="{shop_name}" /></a></td>
</tr>
<tr>
<td class="titleblock" style="padding: 7px 0;" align="center"><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;">El vostrE missatge pel servei d'atenció al client de {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 style="padding: 7px 0;" width="10"> </td>
<td style="padding: 7px 0;"><span style="color: #555454; font-family: 'Open-sans', sans-serif; font-size: small;"> <span style="color: #777;"> El vostre missatge ha estat enviat correctament.<br /><br /><span style="color: #333;"><strong>Missatge:</strong></span> {message}<br /><br /><span style="color: #333;"><strong>ID de comanda:</strong></span> {order_name}<br /><span style="color: #333;"><strong>Producte:</strong></span> {product_name}<br /><span style="color: #333;"><strong>Fitxer adjuntat:</strong></span> {attached_file} </span> </span></td>
<td style="padding: 7px 0;" width="10"> </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;"> Us respondrem tan aviat com ens sigui possible. </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;"><a style="color: #337ff1;" href="%7Bshop_url%7D">{shop_name}</a> desenvolupat amb <a style="color: #337ff1;" href="http://www.prestashop.com/">PrestaShop™</a></td>
</tr>
</tbody>
</table>
</td>
<td class="space" style="width: 20px; padding: 7px 0;"> </td>
</tr>
</tbody>
</table>
<p> </p>

Link to comment
Share on other sites

OK, thanks for the reply.

 

Does this have to be reported as a bug? I have not added the %7B and %7D, the system did automatically.

 

There are 100 different email templates, and I have the issue with all of them I guess. Is there a way to change them all fast?

 

Thanks.

Link to comment
Share on other sites

I have same problem after update PS, in all email template...
Example:
I write and saved:

<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);">
<tbody>
<tr>
<td class="space" style="width: 20px; padding: 7px 0;"> </td>
<td style="padding: 7px 0;" align="center">
<table class="table" style="width: 100%;" bgcolor="#ffffff">
<tbody>
<tr>
<td class="logo" style="border-bottom: 4px solid #333333; padding: 7px 0;" align="center"><a style="color: #337ff1;" title="{shop_name}" href="{shop_url}"> <img src="{shop_logo}" alt="{shop_name}" /> </a></td>
</tr>
<tr>
<td class="titleblock" style="padding: 7px 0;" align="center"><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;">Hi {firstname} {lastname},</span> </span></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%;">
<tbody>
<tr>
<td style="padding: 7px 0;" width="10"> </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;" data-html-only="1">Message from {shop_name}</p>
<span style="color: #555454; font-family: Open-sans,sans-serif; font-size: small;"><span style="color: #777;"> You have received a new message from <span style="color: #333;"><strong>{shop_name}</strong></span> regarding order with the reference <span style="color: #333;"><strong>{order_name}</strong></span>.<br /><br /> <span style="color: #333;"><strong>Message:</strong></span> {message} </span> </span></td>
<td style="padding: 7px 0;" width="10"> </td>
</tr>
</tbody>
</table>
</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;"><a style="color: #337ff1;" href="{shop_url}">{shop_name}</a> powered by <a style="color: #337ff1;" href="http://www.prestashop.com/">PrestaShop™</a></td>
</tr>
</tbody>
</table>
</td>
<td class="space" style="width: 20px; padding: 7px 0;"> </td>
</tr>
</tbody>
</table>

after I look and I see that PS delete shadow table and replace href="{shop_url}" to  href="%7Bshop_url%7D" and logo...

<table class="table table-mail" style="width: 100%; margin-top: 10px;">
<tbody>
<tr>
<td class="space" style="width: 20px; padding: 7px 0;"> </td>
<td style="padding: 7px 0;" align="center">
<table class="table" style="width: 100%;" bgcolor="#ffffff">
<tbody>
<tr>
<td class="logo" style="border-bottom: 4px solid #333333; padding: 7px 0;" align="center"><a style="color: #337ff1;" title="{shop_name}" href="%7Bshop_url%7D"> <img src="%7Bshop_logo%7D" alt="{shop_name}" /></a></td>
</tr>
<tr>
<td class="titleblock" style="padding: 7px 0;" align="center"><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;">Vážený zákazník {firstname} {lastname},</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 style="padding: 7px 0;" width="10"> </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;">zpráva z e-shopu {shop_name}</p>
<span style="color: #555454; font-family: 'Open-sans', sans-serif; font-size: small;"><span style="color: #777;"> Obdržali sste novú zprávu z e-shopu <span style="color: #333;"><strong>{shop_name}</strong></span> týkajúcu sa objednávky <span style="color: #333;"><strong>{order_name}</strong></span>.<br /><br /><span style="color: #333;"><strong>Obsah správy:</strong></span> {message} </span> </span></td>
<td style="padding: 7px 0;" width="10"> </td>
</tr>
</tbody>
</table>
</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;">S pozdravom <a style="color: #337ff1;" href="%7Bshop_url%7D">{shop_name}</a></td>
</tr>
</tbody>
</table>
</td>
<td class="space" style="width: 20px; padding: 7px 0;"> </td>
</tr>
</tbody>
</table>

It is not good bugs mails for customers. :mellow:

Edited by Matúš (see edit history)
Link to comment
Share on other sites

Definitely a fault. I edited the HTML files directly in themes\default-bootstrap\mails\gb\ and they are fine. As soon as I go back into the mail translations in the BO and press "Save" I yet again have "%7Bshop_url%7D" and "%7Bshop_logo%7D".

 

Checked my pre-upgrade 1.6.0.9 backup and that's fine so definitely a fault since 1.6.0.11.

Link to comment
Share on other sites

  • 2 weeks later...
  • 3 months later...
  • 1 month later...
  • 2 weeks later...
  • 1 month later...
  • 3 months 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
×
×
  • Create New...