339 lines
17 KiB
HTML
339 lines
17 KiB
HTML
<!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>Wiadomość od {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);">
|
|
<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 size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> <span class="title" style="font-weight: 500; font-size: 28px; line-height: 33px;">Nowe zamówienie<br /> {order_name}</span> </span></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="linkbelow" style="padding: 7px 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> <span>Zostało złożone nowe zamówienie w {shop_name} przez następującego klienta: {firstname} {lastname} ({email})</span> </span></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="space_footer" style="padding: 0!important;"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="box" colspan="3" 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 data-html-only="1" style="border-bottom: 1px solid #D6D4D4; margin: 3px 0 7px; font-weight: 500; font-size: 18px; padding-bottom: 10px;">Szczegóły zamówienia</p>
|
|
<span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;"> <span style="color: #333; padding-bottom: 10px;"><strong>Numer zamówienia:</strong></span> {order_name}</span><br /> <span style="color: #333; padding-bottom: 10px;"><strong>Data złożenia zamówienia:</strong></span> {date}<br /> <span style="color: #333; padding-bottom: 10px;"><strong>Rodzaj płatności:</strong></span> {payment} </span></td>
|
|
<td width="10" style="padding: 7px 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 7px 0;">
|
|
<table class="table table-recap" bgcolor="#ffffff" style="width: 100%; border-collapse: collapse;"><!-- Title -->
|
|
<thead>
|
|
<tr><th style="border: 1px solid #D6D4D4; background-color: #fbfbfb; font-family: Arial; color: #333; font-size: 13px; padding: 10px;">Indeks</th><th style="border: 1px solid #D6D4D4; background-color: #fbfbfb; font-family: Arial; color: #333; font-size: 13px; padding: 10px;">Produkt</th><th style="border: 1px solid #D6D4D4; background-color: #fbfbfb; font-family: Arial; color: #333; font-size: 13px; padding: 10px;">Cena jednostkowa</th><th style="border: 1px solid #D6D4D4; background-color: #fbfbfb; font-family: Arial; color: #333; font-size: 13px; padding: 10px;">Ilość</th><th style="border: 1px solid #D6D4D4; background-color: #fbfbfb; font-family: Arial; color: #333; font-size: 13px; padding: 10px;">Cena końcowa</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="5" style="border: 1px solid #D6D4D4; color: #777; padding: 7px 0;"> {items}</td>
|
|
</tr>
|
|
<tr class="conf_body">
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> <strong>Produkty</strong> </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td bgcolor="#f8f8f8" align="right" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> {total_products} </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr class="conf_body">
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> <strong>Rabaty</strong> </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> {total_discounts} </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!--<tr class="conf_body">
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> <strong>Pakowanie prezentowe</strong> </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> {total_wrapping} </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
-->
|
|
<tr class="conf_body">
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> <strong>Koszty dostawy</strong> </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> {total_shipping} </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<!--
|
|
</tr>
|
|
<tr class="conf_body">
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> <strong>Całkowity zapłacony podatek</strong> </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> {total_tax_paid} </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
--></tr>
|
|
<tr class="conf_body">
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" style="color: #333; padding: 0;"><span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"> <strong>Całkowita kwota zamówienia</strong> </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td bgcolor="#f8f8f8" colspan="4" style="border: 1px solid #D6D4D4; color: #333; padding: 7px 0;">
|
|
<table class="table" style="width: 100%; border-collapse: collapse;">
|
|
<tbody>
|
|
<tr>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
<td align="right" class="total_amount" style="color: #333; padding: 0; font-size: 21px; font-weight: 500; font-family: Open-sans, sans-serif;"><span size="4" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: large;"> {total_paid} </span></td>
|
|
<td width="10" style="color: #333; padding: 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="box" colspan="3" 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 data-html-only="1" style="border-bottom: 1px solid #D6D4D4; margin: 3px 0 7px; font-weight: 500; font-size: 18px; padding-bottom: 10px;">Wybrany sposób dostawy:</p>
|
|
<span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;"> {carrier} </span> </span></td>
|
|
<td width="10" style="padding: 7px 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="space_footer" style="padding: 0!important;"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding: 7px 0;">
|
|
<table class="table" style="width: 100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td class="box address" width="310" 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 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;">Adres</p>
|
|
<span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;"> {delivery_block_html}<br /> </span></span></td>
|
|
<td width="10" style="padding: 7px 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td width="20" class="space_address" style="padding: 7px 0;"> </td>
|
|
<td class="box address" width="310" 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 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;">Adres do faktury</p>
|
|
<span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;"> {invoice_block_html} </span> </span></td>
|
|
<td width="10" style="padding: 7px 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="space_footer" style="padding: 0!important;"> </td>
|
|
</tr>
|
|
<tr>
|
|
<td class="box" colspan="3" 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 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;">Wiadomość klienta:</p>
|
|
<span size="2" face="Open-sans, sans-serif" color="#555454" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;"> {message} </span> </span></td>
|
|
<td width="10" style="padding: 7px 0;"> </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;"><span><a href="{shop_url}" style="color: #337ff1;">{shop_name}</a> powered by <a href="http://www.prestashop.com/" style="color: #337ff1;">PrestaShop™</a></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
<td class="space" style="width: 20px; padding: 7px 0;"> </td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html> |