Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- /**
- * Customer completed order email
- *
- * This template can be overridden by copying it to yourtheme/woocommerce/emails/customer-completed-order.php.
- *
- * HOWEVER, on occasion WooCommerce will need to update template files and you
- * (the theme developer) will need to copy the new files to your theme to
- * maintain compatibility. We try to do this as little as possible, but it does
- * happen. When this occurs the version of the template file will be bumped and
- * the readme will list any important changes.
- *
- * @see https://docs.woocommerce.com/document/template-structure/
- * @package WooCommerce/Templates/Emails
- * @version 3.7.0
- */
- defined( 'ABSPATH' ) || exit;
- ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <!--[if !mso]><!-->
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <!--<![endif]-->
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="format-detection" content="telephone=no">
- <meta name="x-apple-disable-message-reformatting">
- <title><?= get_bloginfo('name', 'display'); ?></title>
- <link href="https://fonts.googleapis.com/css?family=Kanit:700i|Roboto:400,500,700&display=swap" rel="stylesheet">
- <style type="text/css">
- #outlook a {
- padding: 0;
- }
- .ReadMsgBody,
- .ExternalClass {
- width: 100%;
- }
- .ExternalClass,
- .ExternalClass p,
- .ExternalClass td,
- .ExternalClass div,
- .ExternalClass span,
- .ExternalClass font {
- line-height: 100%;
- }
- div[style*="margin: 14px 0"],
- div[style*="margin: 16px 0"] {
- margin: 0 !important;
- }
- table,
- td {
- mso-table-lspace: 0;
- mso-table-rspace: 0;
- }
- table,
- tr,
- td {
- border-collapse: collapse;
- }
- body,
- td,
- th,
- p,
- div,
- li,
- a,
- span {
- -webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
- mso-line-height-rule: exactly;
- }
- img {
- border: 0;
- outline: none;
- line-height: 100%;
- text-decoration: none;
- -ms-interpolation-mode: bicubic;
- }
- a[x-apple-data-detectors] {
- color: inherit !important;
- text-decoration: none !important;
- }
- body {
- margin: 0;
- padding: 0;
- width: 100% !important;
- -webkit-font-smoothing: antialiased;
- }
- .pc-gmail-fix {
- display: none;
- display: none !important;
- }
- @media screen and (min-width: 621px) {
- .pc-email-container {
- width: 620px !important;
- }
- }
- @media screen and (max-width:620px) {
- .pc-sm-p-24-20-30 {
- padding: 24px 20px 30px !important
- }
- .pc-sm-mw-100pc {
- max-width: 100% !important
- }
- .pc-sm-ta-center {
- text-align: center !important
- }
- .pc-sm-p-35-30 {
- padding: 35px 30px !important
- }
- .pc-sm-p-31-20-39 {
- padding: 31px 20px 39px !important
- }
- }
- @media screen and (max-width:525px) {
- .pc-xs-p-15-10-20 {
- padding: 15px 10px 20px !important
- }
- .pc-xs-h-100 {
- height: 100px !important
- }
- .pc-xs-br-disabled br {
- display: none !important
- }
- .pc-xs-fs-30 {
- font-size: 30px !important
- }
- .pc-xs-lh-42 {
- line-height: 42px !important
- }
- .pc-xs-p-25-20 {
- padding: 25px 20px !important
- }
- .pc-xs-p-15-10-25 {
- padding: 15px 10px 25px !important
- }
- }
- </style>
- <!--[if mso]>
- <style type="text/css">
- .pc-fb-font {
- font-family: Helvetica, Arial, sans-serif !important;
- }
- </style>
- <![endif]-->
- <!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
- </head>
- <body style="width: 100% !important; margin: 0; padding: 0; mso-line-height-rule: exactly; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #f4f4f4" class="">
- <span style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; width: 0;">Votre commande est expédiée</span>
- <table class="pc-email-body" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="table-layout: fixed;">
- <tbody>
- <tr>
- <td class="pc-email-body-inner" align="center" valign="top">
- <!--[if gte mso 9]>
- <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
- <v:fill type="tile" src="" color="#f4f4f4"></v:fill>
- </v:background>
- <![endif]-->
- <!--[if (gte mso 9)|(IE)]><table width="620" align="center" border="0" cellspacing="0" cellpadding="0" role="presentation"><tr><td width="620" align="center" valign="top"><![endif]-->
- <table class="pc-email-container" width="100%" align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto; max-width: 620px;">
- <tbody>
- <tr>
- <td align="left" valign="top" style="padding: 0 10px;">
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td height="20" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- </tbody>
- </table>
- <!-- BEGIN MODULE: Header 1 -->
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td bgcolor="#1B1B1B" align="center" valign="top" style="background-color: #1B1B1B; background-position: center; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); background-image: url('https://cdn.mesplaques.fr/emails/colissimo-a8a.jpg'); background-repeat: no-repeat; background-size: cover" background="https://cdn.mesplaques.fr/emails/colissimo-a8a.jpg">
- <!--[if gte mso 9]>
- <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width: 600px;">
- <v:fill type="frame" src="" color="#1B1B1B"></v:fill>
- <v:textbox style="mso-fit-shape-to-text: true;" inset="0,0,0,0">
- <div style="font-size: 0; line-height: 0;">
- <table width="600" border="0" cellpadding="0" cellspacing="0" role="presentation" align="center">
- <tr>
- <td style="font-size: 14px; line-height: 1.5;" valign="top">
- <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
- <tr>
- <td colspan="3" height="24" style="line-height: 1px; font-size: 1px;"> </td>
- </tr>
- <tr>
- <td width="30" style="line-height: 1px; font-size: 1px;" valign="top"> </td>
- <td valign="top" align="left">
- <![endif]-->
- <!--[if !gte mso 9]><!-->
- <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
- <tbody>
- <tr>
- <td class="pc-sm-p-24-20-30 pc-xs-p-15-10-20" style="padding: 24px 30px 40px;" valign="top">
- <!--<![endif]-->
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td style="font-size: 0;" valign="top">
- <!--[if (gte mso 9)|(IE)]><table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation"><tr><td width="255" valign="middle"><![endif]-->
- <div class="pc-sm-mw-100pc" style="display: inline-block; width: 100%; max-width: 255px; vertical-align: middle;">
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td class="pc-sm-ta-center" valign="top" style="padding: 10px;">
- <a href="https://mesplaques.fr" style="text-decoration: none;"><img src="https://cdn.mesplaques.fr/emails/logo-mesplaques-white-xa7.png" width="139" height="18" alt="Mesplaques logo" style="max-width: 100%; height: auto; border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; font-size: 14px; color: #ffffff;"></a>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <!--[if (gte mso 9)|(IE)]></td><td width="285" valign="middle"><![endif]-->
- <div class="pc-sm-mw-100pc" style="display: inline-block; width: 100%; max-width: 285px; vertical-align: middle;">
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td class="pc-sm-ta-center" valign="top" style="padding: 9px 10px 10px; line-height: 18px; font-family: Helvetica, sans-serif; font-size: 14px;">
- <a href="https://www.mesplaques.fr/plaques-immatriculation/vehicules/plaques-auto/" style="text-decoration: none; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #ffffff">AUTO</a>
- <span style="font-family: Helvetica, sans-serif; font-size: 20px;"> </span>
- <a href="https://www.mesplaques.fr/plaques-immatriculation/vehicules/plaques-moto/" style="text-decoration: none; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #ffffff">MOTO</a>
- <span style="font-family: Helvetica, sans-serif; font-size: 20px;"> </span>
- <a href="https://www.mesplaques.fr/plaques-immatriculation/vehicules/plaques-4x4/" style="text-decoration: none; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #ffffff">4X4</a>
- <span style="font-family: Helvetica, sans-serif; font-size: 20px;"> </span>
- <a href="https://www.mesplaques.fr/plaques-immatriculation/vehicules/plaques-usa/" style="text-decoration: none; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #ffffff">USA</a>
- <span style="font-family: Helvetica, sans-serif; font-size: 20px;"> </span><a href="https://www.mesplaques.fr/plaques-immatriculation/vehicules/plaques-camion/" style="text-decoration: none; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #ffffff">CAMION</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
- </td>
- </tr>
- </tbody>
- <tbody>
- <tr>
- <td class="pc-xs-h-100" height="135" style="line-height: 1px; font-size: 1px;"> </td>
- </tr>
- <tr>
- <td class="pc-fb-font" style="padding: 0 10px;" valign="top">
- <a style="text-decoration: none; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 500; color: #ffffff">Commande N°<?= $order->get_order_number() ?></a>
- </td>
- </tr>
- <tr>
- <td class="pc-xs-fs-30 pc-xs-lh-42 pc-fb-font" style="padding: 13px 10px 0; letter-spacing: -0.7px; line-height: 46px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 37px; font-weight: 800; color: #ffffff" valign="top"><em><span style="font-family: 'Kanit', Helvetica, Arial, sans-serif;">COMMANDE EXPÉDIÉE</span></em></td>
- </tr>
- </tbody>
- </table>
- <!--[if !gte mso 9]><!-->
- </td>
- </tr>
- </tbody>
- </table>
- <!--<![endif]-->
- <!--[if gte mso 9]>
- </td>
- <td width="30" style="line-height: 1px; font-size: 1px;" valign="top"> </td>
- </tr>
- <tr>
- <td colspan="3" height="40" style="line-height: 1px; font-size: 1px;"> </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </div>
- </v:textbox>
- </v:rect>
- <![endif]-->
- </td>
- </tr>
- </tbody>
- </table>
- <!-- END MODULE: Header 1 -->
- <!-- BEGIN MODULE: Content 16 -->
- <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
- <tbody>
- <tr>
- <td height="8" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- </tbody>
- </table>
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td class="pc-sm-p-35-30 pc-xs-p-25-20" style="padding: 40px; background-color: #121b28; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)" valign="top" bgcolor="#121b28">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
- <tbody>
- <tr>
- <td class="pc-fb-font" style="font-family: 'Kanit', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: -0.2px;font-style: italic; color: #ffffff" valign="middle">VOS PLAQUES SONT EN ROUTE !</td>
- </tr>
- <tr>
- <td colspan="2" height="20" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- <tr>
- <td class="pc-fb-font" colspan="2" style="line-height: 28px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; letter-spacing: -0.2px; color: #ffffff" valign="top">J'ai le plaisir de vous annoncer que votre commande vient de quitter notre atelier, pour être confiée à notre coureur automobile Colissimo. Vous allez d'ailleurs recevoir dans les prochaines heures un email supplémentaire avec votre numéro de tracking.<br><br>On me dit dans l'oreillette que la ligne d'arrivée devrait être franchie entre 48 et 72 heures.</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- <!-- END MODULE: Content 16 -->
- <!-- BEGIN MODULE: Content 14 -->
- <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
- <tbody>
- <tr>
- <td height="8" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- </tbody>
- </table>
- <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
- <tbody>
- <tr>
- <td class="pc-sm-p-35-30 pc-xs-p-25-20" valign="top" bgcolor="#ffffff" style="padding: 40px; background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);">
- <table border="0" cellpadding="0" cellspacing="0" style="text-align: center;" width="100%" align="center" role="presentation">
- <tbody>
- <tr>
- <td class="pc-fb-font" valign="top" style="line-height: 28px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 300; letter-spacing: -0.2px; color: #000000">Si vous avez des questions, mon équipe et moi-même sommes disponibles par téléphone au<strong> 09 71 07 02 02</strong> ou directement via le <strong>chat du site</strong> internet.</td>
- </tr>
- <tr>
- <td height="20" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- </tbody>
- <tbody>
- <tr>
- <td valign="top" align="center">
- <img src="https://cdn.mesplaques.fr/emails/pablo-qpv.jpg" width="74" alt="" style="max-width: 100%; height: auto; border: 0; text-decoration: none; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; display: block; Margin: 0 auto;" height="">
- </td>
- </tr>
- <tr>
- <td height="10" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- </tbody>
- <tbody>
- <tr>
- <td class="pc-fb-font" valign="top" style="text-align: center; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 21px; letter-spacing: -0.1px; color: #1B1B1B;">Pablo</td>
- </tr>
- <tr>
- <td height="2" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- </tbody>
- <tbody>
- <tr>
- <td class="pc-fb-font" valign="top" style="text-align: center; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 20px; letter-spacing: -0.2px; color: #9B9B9B;">Responsable atelier</td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- <!-- END MODULE: Content 14 -->
- <!-- BEGIN MODULE: Footer 4 -->
- <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
- <tbody>
- <tr>
- <td height="8" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- </tbody>
- </table>
- <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
- <tbody>
- <tr>
- <td class="pc-sm-p-31-20-39 pc-xs-p-15-10-25" style="padding: 31px 30px 39px 30px; background-color: #1B1B1B; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);" valign="top" bgcolor="#1B1B1B">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
- <tbody>
- <tr>
- <td valign="top" style="font-size: 0;">
- <!--[if (gte mso 9)|(IE)]><table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation"><tr><td width="433" valign="top"><![endif]-->
- <div class="pc-sm-mw-100pc" style="display: inline-block; width: 100%; max-width: 433px; vertical-align: top;">
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td class="pc-fb-font" style="line-height: 20px; letter-spacing: -0.2px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 13px; padding: 10px; color: #726d6d" valign="top"><em><strong><span style="color: #ffffff;">POWERED BY</span> <img style="width: 13%; vertical-align: middle;" src="https://www.product.co/wp-content/uploads/2019/04/logo_header.gif"><br></strong></em><br>Carrer Balmes, 183, S1A<br>08006 Barcelona<br>Espagne</td>
- </tr>
- </tbody>
- </table>
- </div>
- <!--[if (gte mso 9)|(IE)]></td><td width="107" valign="top"><![endif]-->
- <div class="pc-sm-mw-100pc" style="display: inline-block; width: 100%; max-width: 107px; vertical-align: top;">
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td valign="top" style="padding: 9px 0 10px;">
- <table border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td valign="middle" style="padding: 0 10px;">
- <a href="https://fr-fr.facebook.com/mesplaques/" style="text-decoration: none;"><img src="https://cdn.mesplaques.fr/emails/facebook-white.png" width="15" height="15" alt="" style="border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; font-size: 14px; color: #ffffff;"></a>
- </td>
- <td valign="middle" style="padding: 0 10px;">
- <a href="https://www.instagram.com/mesplaquesfr/" style="text-decoration: none;"><img src="https://cdn.mesplaques.fr/emails/instagram-white.png" width="16" height="15" alt="" style="border: 0; line-height: 100%; outline: 0; -ms-interpolation-mode: bicubic; font-size: 14px; color: #ffffff;"></a>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
- </td>
- </tr>
- </tbody>
- <tbody>
- <tr>
- <td height="9" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- <tr>
- <td class="pc-fb-font" style="line-height: 20px; font-family: Arial, sans-serif; font-size: 14px; color: #ffffff; padding: 0 10px;" valign="top">
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- <!-- END MODULE: Footer 4 -->
- <table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
- <tbody>
- <tr>
- <td height="20" style="font-size: 1px; line-height: 1px;"> </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
- </td>
- </tr>
- </tbody>
- </table>
- <!-- Fix for Gmail on iOS -->
- <div class="pc-gmail-fix" style="white-space: nowrap; font: 15px courier; line-height: 0;"> </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement