Problème de tableau dans les mails

GoldRazor · August 8, 2012

Bonjour,

Une image vaut mieux qu'un long discours.

Voyez par vous même :

Voici le code :

<table style="font-family: Verdana,sans-serif; font-size: 11px; color: #374953; width: 550px;">
<tbody>
<tr>
<td align="left"><a title="{shop_name}" href="{shop_url}"><img style="border: none;" src="{shop_logo}" alt="{shop_name}" /></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left"><strong style="color: #8dbb2f;">{firstname} {lastname} ({email})</strong> vient de passer une commande.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #8dbb2f; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Détails</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Commande <strong><span style="color: #8dbb2f;">{order_name}</span> passée le {date}</strong> <br />Paiement : <strong>{payment}</strong></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">{items}
<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;">
<tbody>
<tr style="background-color: #b9babe; text-align: center;"><th style="width: 15%; padding: 0.6em 0;">Référence</th><th>Article</th><th style="width: 15%; padding: 0.6em 0;">Prix unitaire</th><th style="width: 15%; padding: 0.6em 0;">Quantité</th><th style="width: 20%; padding: 0.6em 0;">Prix total</th></tr>
<tr style="text-align: right;">
<td style="background-color: #b9babe; padding: 0.6em 0.4em;" colspan="4">Produits</td>
<td style="background-color: #b9babe; padding: 0.6em 0.4em;">{total_products}</td>
</tr>
<tr style="text-align: right;">
<td style="background-color: #ebecee; padding: 0.6em 0.4em;" colspan="4">Réductions</td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;">{total_discounts}</td>
</tr>
<tr style="text-align: right;">
<td style="background-color: #ebecee; padding: 0.6em 0.4em;" colspan="4">Emballage cadeau</td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;">{total_wrapping}</td>
</tr>
<tr style="text-align: right;">
<td style="background-color: #dde2e6; padding: 0.6em 0.4em;" colspan="4">Frais de port</td>
<td style="background-color: #dde2e6; padding: 0.6em 0.4em;">{total_shipping}</td>
</tr>
<tr style="text-align: right; font-weight: bold;">
<td style="background-color: #bed591; padding: 0.6em 0.4em;" colspan="4">Total</td>
<td style="background-color: #bed591; padding: 0.6em 0.4em;">{total_paid}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #8dbb2f; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Transport</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Transporteur : <strong>{carrier}</strong></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;">
<tbody>
<tr style="background-color: #b9babe; text-transform: uppercase;"><th style="text-align: left; padding: 0.3em 1em;">Adresse de livraison</th><th style="text-align: left; padding: 0.3em 1em;">Adresse de facturation</th></tr>
<tr>
<td style="padding: 0.5em 0 0.5em 0.5em; background-color: #ebecee;">{delivery_block_html}</td>
<td style="padding: 0.5em 0 0.5em 0.5em; background-color: #ebecee;">{invoice_block_html}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #8dbb2f; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Message client</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left"><strong>{message}</strong></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="font-size: 10px; border-top: 1px solid #D9DADE;" align="center"><a style="color: #8dbb2f; font-weight: bold; text-decoration: none;" href="{shop_url}">{shop_name}</a> Boutique blabla</td>
</tr>
</tbody>
</table>

Est ce que quelqu'un y voit clair ?

Merci beaucoup

jeckyl · August 8, 2012

Bonjour,

voici la correction

<!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">
<title>[{shop_name}] Nouvelle commande</title>
</head>
<body>
<table style="font-family:Verdana,sans-serif; font-size:11px; color:#374953; width: 550px;">
 <tr>
  <td align="left">
   <a href="{shop_url}" title="{shop_name}"><img alt="{shop_name}" src="{shop_logo}" style="border:none;" ></a>
  </td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="left"><strong style="color:#8dbb2f;">{firstname} {lastname} ({email})</strong> vient de passer une commande.</td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="left" style="background-color:#8dbb2f; color:#FFF; font-size: 12px; font-weight:bold; padding: 0.5em 1em;">Détails</td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="left">
   Commande <strong><span style="color:#8dbb2f;">{order_name}</span> passée le {date}</strong>
   <br />Paiement : <strong>{payment}</strong>
  </td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="left">
   <table style="width:100%; font-family:Verdana,sans-serif; font-size:11px; color:#374953;">
 <tr style="background-color:#B9BABE; text-align:center;">
  <th style="width:15%; padding: 0.6em 0;">Référence</th>
  <th>Article</th>
  <th style="width:15%; padding: 0.6em 0;">Prix unitaire</th>
  <th style="width:15%; padding: 0.6em 0;">Quantité</th>
  <th style="width:20%; padding: 0.6em 0;">Prix total</th>
 </tr>
  {items}
 <tr style="text-align:right;">
  <td colspan="4" style="background-color:#B9BABE; padding:0.6em 0.4em;">Produits</td>
  <td style="background-color:#B9BABE; padding:0.6em 0.4em;">{total_products}</td>
 </tr>
 <tr style="text-align:right;">
  <td colspan="4" style="background-color:#EBECEE; padding:0.6em 0.4em;">Réductions</td>
  <td style="background-color:#EBECEE; padding:0.6em 0.4em;">{total_discounts}</td>
 </tr>
 <tr style="text-align:right;">
  <td colspan="4" style="background-color:#EBECEE; padding:0.6em 0.4em;">Emballage cadeau</td>
  <td style="background-color:#EBECEE; padding:0.6em 0.4em;">{total_wrapping}</td>
 </tr>	
 <tr style="text-align:right;">
  <td colspan="4" style="background-color:#DDE2E6; padding:0.6em 0.4em;">Frais de port</td>
  <td style="background-color:#DDE2E6; padding:0.6em 0.4em;">{total_shipping}</td>
 </tr>
 <tr style="text-align:right; font-weight:bold;">
  <td colspan="4" style="background-color:#bed591; padding:0.6em 0.4em;">Total</td>
  <td style="background-color:#bed591; padding:0.6em 0.4em;">{total_paid}</td>
 </tr>
   </table>
  </td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="left" style="background-color:#8dbb2f; color:#FFF; font-size: 12px; font-weight:bold; padding: 0.5em 1em;">Transport</td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="left">
   Transporteur : <strong>{carrier}</strong>
  </td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td>
   <table style="width:100%; font-family:Verdana,sans-serif; font-size:11px; color:#374953;">
 <tr style="background-color:#B9BABE; text-transform:uppercase;">
  <th style="text-align:left; padding: 0.3em 1em;">Adresse de livraison</th>
  <th style="text-align:left; padding: 0.3em 1em;">Adresse de facturation</th>
 </tr>
 <tr>
  <td style="padding:0.5em 0 0.5em 0.5em; background-color:#EBECEE;">
   {delivery_block_html}
  </td>
  <td style="padding:0.5em 0 0.5em 0.5em; background-color:#EBECEE;">
   {invoice_block_html}
  </td>
 </tr>
   </table>
  </td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="left" style="background-color:#8dbb2f; color:#FFF; font-size: 12px; font-weight:bold; padding: 0.5em 1em;">Message client</td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="left">
   <strong>{message}</strong>
  </td>
 </tr>
 <tr><td> </td></tr>
 <tr>
  <td align="center" style="font-size:10px; border-top: 1px solid #D9DADE;">
   <a href="{shop_url}" style="color:#8dbb2f; font-weight:bold; text-decoration:none;">{shop_name}</a> propulsé par <a href="http://www.prestashop.com/" style="text-decoration:none; color:#374953;">PrestaShop™</a>
  </td>
 </tr>
</table>
</body>
</html>

GoldRazor · August 8, 2012

Merci beaucoup

Est ce que tu peux me dire la partie du code incriminé que je comprenne ?

merci

jeckyl · August 8, 2012

Bonjour,

je n'ai pas cherché à comprendre.

j'ai pris le modèle originale j'ai juste changé les couleurs pas plus compliqué que cela et au moins je suis sûr que cela fonctionne.

GoldRazor · August 9, 2012

Est ce que je pourrai avoir la meme chose pour "la confirmation de commande", je changerai moi meme les couleurs.

Merci beaucoup

jeckyl · August 9, 2012

Bonjour,

Prenez les fichiers originaux de prestashop tout simplement.

GoldRazor · August 9, 2012

Ce qui est bizarre, c'est que même avec votre code, la tableau déconne sous gmail.

Peut etre que le probleem vient de gmail ...

GoldRazor · August 18, 2012

Quand je fais "edit le template" sur mon mail "new order" et que je valide la modification, il n'y a aucune modification prise en compte.

Donc je vais modifier direct sur le ftp, dossier ./mails/fr.

Et là surprise, je ne trouve pas la page new_order.html, ni new_order.txt, dans mon dossier. C'est normal ?

Je dois le créer à la main ?

Merci

GoldRazor · August 20, 2012

nobody ?

ludo · November 3, 2012

http://www.prestashop.com/forums/topic/179938-probleme-affichage-email-confirmation-de-commande/

Sign In

Problème de tableau dans les mails

Recommended Posts

GoldRazor

Link to comment

Share on other sites

jeckyl

Link to comment

Share on other sites

GoldRazor

Link to comment

Share on other sites

jeckyl

Link to comment

Share on other sites

GoldRazor

Link to comment

Share on other sites

jeckyl

Link to comment

Share on other sites

GoldRazor

Link to comment

Share on other sites

GoldRazor

Link to comment

Share on other sites

GoldRazor

Link to comment

Share on other sites

ludo

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