Advertisement
Guest User

order_conf.html

a guest
Dec 10th, 2019
229
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.86 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  6. <title>Messaggio da {shop_name}</title>
  7.  
  8.  
  9. <style> @media only screen and (max-width: 300px){
  10. body {
  11. width:218px !important;
  12. margin:auto !important;
  13. }
  14. thead, tbody{width: 100%}
  15. .table {width:195px !important;margin:auto !important;}
  16. .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto !important;display: block !important;}
  17. span.title{font-size:20px !important;line-height: 23px !important}
  18. span.subtitle{font-size: 14px !important;line-height: 18px !important;padding-top:10px !important;display:block !important;}
  19. td.box p{font-size: 12px !important;font-weight: bold !important;}
  20. .table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
  21. display: block !important;
  22. }
  23. .table-recap{width: 200px!important;}
  24. .table-recap tr td, .conf_body td{text-align:center !important;}
  25. .address{display: block !important;margin-bottom: 10px !important;}
  26. .space_address{display: none !important;}
  27. }
  28. @media only screen and (min-width: 301px) and (max-width: 500px) {
  29. body {width:425px!important;margin:auto!important;}
  30. thead, tbody{width: 100%}
  31. .table {margin:auto!important;}
  32. .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
  33. .table-recap{width: 295px !important;}
  34. .table-recap tr td, .conf_body td{text-align:center !important;}
  35. .table-recap tr th{font-size: 10px !important}
  36.  
  37. }
  38. @media only screen and (min-width: 501px) and (max-width: 768px) {
  39. body {width:478px!important;margin:auto!important;}
  40. thead, tbody{width: 100%}
  41. .table {margin:auto!important;}
  42. .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
  43. }
  44. @media only screen and (max-device-width: 480px) {
  45. body {width:340px!important;margin:auto!important;}
  46. thead, tbody{width: 100%}
  47. .table {margin:auto!important;}
  48. .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
  49.  
  50. .table-recap{width: 295px!important;}
  51. .table-recap tr td, .conf_body td{text-align:center!important;}
  52. .address{display: block !important;margin-bottom: 10px !important;}
  53. .space_address{display: none !important;}
  54. }
  55. </style>
  56.  
  57. </head>
  58. <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" >
  59. <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)">
  60. <tr>
  61. <td class="space" style="width:20px;padding:7px 0">&nbsp;</td>
  62. <td align="center" style="padding:7px 0">
  63. <table class="table" bgcolor="#ffffff" style="width:100%">
  64. <tr>
  65. <td align="center" class="logo" style="border-bottom:4px solid #333333;padding:7px 0">
  66. <a title="{shop_name}" href="{shop_url}" style="color:#337ff1">
  67. <img src="{shop_logo}" alt="{shop_name}" />
  68. </a>
  69. </td>
  70. </tr>
  71.  
  72. <tr>
  73. <td align="center" class="titleblock" style="padding:7px 0">
  74. <font size="2" face="Open-sans, sans-serif" color="#555454">
  75. <span class="title" style="font-weight:500;font-size:28px;text-transform:uppercase;line-height:33px">Salve {firstname} {lastname},</span><br/>
  76. <span class="subtitle" style="font-weight:500;font-size:16px;text-transform:uppercase;line-height:25px">Grazie per aver ordinato presso {shop_name}!</span>
  77. </font>
  78. </td>
  79. </tr>
  80. <tr>
  81. <td class="space_footer" style="padding:0!important">&nbsp;</td>
  82. </tr>
  83. <tr>
  84. <td class="box" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0">
  85. <table class="table" style="width:100%">
  86. <tr>
  87. <td width="10" style="padding:7px 0">&nbsp;</td>
  88. <td style="padding:7px 0">
  89. <font size="2" face="Open-sans, sans-serif" color="#555454">
  90. <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">
  91. Dettagli dell'ordine </p>
  92. <span style="color:#777">
  93. <span style="color:#333"><strong>Ordine:</strong></span> {order_name} Effettuato su {date}<br /><br />
  94. <span style="color:#333"><strong>Pagamento:</strong></span> {payment}
  95. </span>
  96. </font>
  97. </td>
  98. <td width="10" style="padding:7px 0">&nbsp;</td>
  99. </tr>
  100. </table>
  101. </td>
  102. </tr>
  103. <tr>
  104. <td style="padding:7px 0">
  105. <font size="2" face="Open-sans, sans-serif" color="#555454">
  106. <table class="table table-recap" bgcolor="#ffffff" style="width:100%;border-collapse:collapse"><!-- Title -->
  107. <tr>
  108. <th bgcolor="#f8f8f8" style="border:1px solid #D6D4D4;background-color: #fbfbfb;color: #333;font-family: Arial;font-size: 13px;padding: 10px;">Riferimento</th>
  109. <th bgcolor="#f8f8f8" style="border:1px solid #D6D4D4;background-color: #fbfbfb;color: #333;font-family: Arial;font-size: 13px;padding: 10px;">Prodotto</th>
  110. <th bgcolor="#f8f8f8" style="border:1px solid #D6D4D4;background-color: #fbfbfb;color: #333;font-family: Arial;font-size: 13px;padding: 10px;" width="17%">Prezzo unitario</th>
  111. <th bgcolor="#f8f8f8" style="border:1px solid #D6D4D4;background-color: #fbfbfb;color: #333;font-family: Arial;font-size: 13px;padding: 10px;">Quantità</th>
  112. <th bgcolor="#f8f8f8" style="border:1px solid #D6D4D4;background-color: #fbfbfb;color: #333;font-family: Arial;font-size: 13px;padding: 10px;" width="17%">Prezzo totale</th>
  113. </tr>
  114. <tr>
  115. <td colspan="5" style="border:1px solid #D6D4D4;text-align:center;color:#777;padding:7px 0">
  116. &nbsp;&nbsp;{products}
  117. </td>
  118. </tr>
  119. <tr>
  120. <td colspan="5" style="border:1px solid #D6D4D4;text-align:center;color:#777;padding:7px 0">
  121. &nbsp;&nbsp;{discounts}
  122. </td>
  123. </tr>
  124. <tr class="conf_body">
  125. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  126. <table class="table" style="width:100%;border-collapse:collapse">
  127. <tr>
  128. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  129. <td align="right" style="color:#333;padding:0">
  130. <font size="2" face="Open-sans, sans-serif" color="#555454">
  131. <strong>Prodotti</strong>
  132. </font>
  133. </td>
  134. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  135. </tr>
  136. </table>
  137. </td>
  138. <td bgcolor="#f8f8f8" align="right" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  139. <table class="table" style="width:100%;border-collapse:collapse">
  140. <tr>
  141. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  142. <td align="right" style="color:#333;padding:0">
  143. <font size="2" face="Open-sans, sans-serif" color="#555454">
  144. {total_products}
  145. </font>
  146. </td>
  147. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  148. </tr>
  149. </table>
  150. </td>
  151. </tr>
  152. <tr class="conf_body">
  153. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  154. <table class="table" style="width:100%;border-collapse:collapse">
  155. <tr>
  156. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  157. <td align="right" style="color:#333;padding:0">
  158. <font size="2" face="Open-sans, sans-serif" color="#555454">
  159. <strong>Buoni sconto</strong>
  160. </font>
  161. </td>
  162. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  163. </tr>
  164. </table>
  165. </td>
  166. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  167. <table class="table" style="width:100%;border-collapse:collapse">
  168. <tr>
  169. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  170. <td align="right" style="color:#333;padding:0">
  171. <font size="2" face="Open-sans, sans-serif" color="#555454">
  172. {total_discounts}
  173. </font>
  174. </td>
  175. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  176. </tr>
  177. </table>
  178. </td>
  179. </tr>
  180. <tr class="conf_body">
  181. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  182. <table class="table" style="width:100%;border-collapse:collapse">
  183. <tr>
  184. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  185. <td align="right" style="color:#333;padding:0">
  186. <font size="2" face="Open-sans, sans-serif" color="#555454">
  187. <strong>Confezione regalo</strong>
  188. </font>
  189. </td>
  190. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  191. </tr>
  192. </table>
  193. </td>
  194. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  195. <table class="table" style="width:100%;border-collapse:collapse">
  196. <tr>
  197. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  198. <td align="right" style="color:#333;padding:0">
  199. <font size="2" face="Open-sans, sans-serif" color="#555454">
  200. {total_wrapping}
  201. </font>
  202. </td>
  203. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  204. </tr>
  205. </table>
  206. </td>
  207. </tr>
  208. <tr class="conf_body">
  209. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  210. <table class="table" style="width:100%;border-collapse:collapse">
  211. <tr>
  212. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  213. <td align="right" style="color:#333;padding:0">
  214. <font size="2" face="Open-sans, sans-serif" color="#555454">
  215. <strong>Spedizione</strong>
  216. </font>
  217. </td>
  218. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  219. </tr>
  220. </table>
  221. </td>
  222. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  223. <table class="table" style="width:100%;border-collapse:collapse">
  224. <tr>
  225. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  226. <td align="right" style="color:#333;padding:0">
  227. <font size="2" face="Open-sans, sans-serif" color="#555454">
  228. {total_shipping}
  229. </font>
  230. </td>
  231. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  232. </tr>
  233. </table>
  234. </td>
  235. </tr>
  236. <tr class="conf_body">
  237. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  238. <table class="table" style="width:100%;border-collapse:collapse">
  239. <tr>
  240. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  241. <td align="right" style="color:#333;padding:0">
  242. <font size="2" face="Open-sans, sans-serif" color="#555454">
  243. <strong>Tasse pagate</strong>
  244. </font>
  245. </td>
  246. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  247. </tr>
  248. </table>
  249. </td>
  250. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  251. <table class="table" style="width:100%;border-collapse:collapse">
  252. <tr>
  253. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  254. <td align="right" style="color:#333;padding:0">
  255. <font size="2" face="Open-sans, sans-serif" color="#555454">
  256. {total_tax_paid}
  257. </font>
  258. </td>
  259. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  260. </tr>
  261. </table>
  262. </td>
  263. </tr>
  264. <tr class="conf_body">
  265. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  266. <table class="table" style="width:100%;border-collapse:collapse">
  267. <tr>
  268. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  269. <td align="right" style="color:#333;padding:0">
  270. <font size="2" face="Open-sans, sans-serif" color="#555454">
  271. <strong>Totale pagato</strong>
  272. </font>
  273. </td>
  274. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  275. </tr>
  276. </table>
  277. </td>
  278. <td bgcolor="#f8f8f8" colspan="4" style="border:1px solid #D6D4D4;color:#333;padding:7px 0">
  279. <table class="table" style="width:100%;border-collapse:collapse">
  280. <tr>
  281. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  282. <td align="right" style="color:#333;padding:0">
  283. <font size="4" face="Open-sans, sans-serif" color="#555454">
  284. {total_paid}
  285. </font>
  286. </td>
  287. <td width="10" style="color:#333;padding:0">&nbsp;</td>
  288. </tr>
  289. </table>
  290. </td>
  291. </tr>
  292. </tbody>
  293. </table>
  294. </font>
  295. </td>
  296. </tr>
  297. <tr>
  298. <td class="box" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0">
  299. <table class="table" style="width:100%">
  300. <tr>
  301. <td width="10" style="padding:7px 0">&nbsp;</td>
  302. <td style="padding:7px 0">
  303. <font size="2" face="Open-sans, sans-serif" color="#555454">
  304. <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">
  305. Spedizione </p>
  306. <span style="color:#777">
  307. <span style="color:#333"><strong>Corriere:</strong></span> {carrier}<br /><br />
  308. <span style="color:#333"><strong>Pagamento:</strong></span> {payment}
  309. </span>
  310. </font>
  311. </td>
  312. <td width="10" style="padding:7px 0">&nbsp;</td>
  313. </tr>
  314. </table>
  315. </td>
  316. </tr>
  317. <tr>
  318. <td class="space_footer" style="padding:0!important">&nbsp;</td>
  319. </tr>
  320. <tr>
  321. <td style="padding:7px 0">
  322. <table class="table" style="width:100%">
  323. <tr>
  324. <td class="box address" width="200" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0">
  325. <table class="table" style="width:100%">
  326. <tr>
  327. <td width="10" style="padding:7px 0">&nbsp;</td>
  328. <td style="padding:7px 0">
  329. <font size="2" face="Open-sans, sans-serif" color="#555454">
  330. <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">
  331. Indirizzo di consegna </p>
  332. <span data-html-only="1" style="color:#777">
  333. {delivery_block_html}
  334. </span>
  335.  
  336. </font>
  337. </td>
  338. <td width="10" style="padding:7px 0">&nbsp;</td>
  339. </tr>
  340. </table>
  341. </td>
  342. <td width="20" class="space_address" style="padding:7px 0">&nbsp;</td>
  343. <td class="box address" width="200" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0">
  344. <table class="table" style="width:100%">
  345. <tr>
  346. <td width="10" style="padding:7px 0">&nbsp;</td>
  347. <td style="padding:7px 0">
  348. <font size="2" face="Open-sans, sans-serif" color="#555454">
  349. <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">
  350. Indirizzo di fatturazione </p>
  351. <span data-html-only="1" style="color:#777">
  352. {invoice_block_html}
  353. </span>
  354.  
  355. </font>
  356. </td>
  357. <td width="10" style="padding:7px 0">&nbsp;</td>
  358. </tr>
  359. </table>
  360. </td>
  361. <td class="box address" width="200" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0">
  362. <table class="table" style="width:100%">
  363. <tr>
  364. <td width="10" style="padding:7px 0">&nbsp;</td>
  365. <td style="padding:7px 0">
  366. <font size="2" face="Open-sans, sans-serif" color="#555454">
  367. <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">
  368. Indirizzo di contatto </p>
  369. <span style="color:#777">
  370. {contatto_block_html}
  371. </span>
  372. </font>
  373. </td>
  374. <td width="10" style="padding:7px 0">&nbsp;</td>
  375. </tr>
  376. </table>
  377. </td>
  378. </tr>
  379. </table>
  380. </td>
  381. </tr>
  382. <tr>
  383. <td class="space_footer" style="padding:0!important">&nbsp;</td>
  384. </tr>
  385. <tr>
  386. <td class="linkbelow" style="padding:7px 0">
  387. <font size="2" face="Open-sans, sans-serif" color="#555454">
  388. <span>
  389. Puoi visualizzare il tuo ordine e scaricare la eventuale fattura dalla sezione <a href="{history_url}" style="color:#337ff1">"Cronologia ordini"</a> nel tuo account utente cliccando su <a href="{my_account_url}" style="color:#337ff1">"Il mio account"</a> all'interno del sito. </span>
  390. </font>
  391. </td>
  392. </tr>
  393. <tr>
  394. <td class="linkbelow" style="padding:7px 0">
  395. <font size="2" face="Open-sans, sans-serif" color="#555454">
  396. <span>
  397. Se hai un account ospite, adesso puoi seguire il tuo ordine tramite la sezione <a href="{guest_tracking_url}?id_order={order_name}" style="color:#337ff1">"Tracking Ospite"</a> sul nostro sito. </span>
  398. </font>
  399. </td>
  400. </tr>
  401.  
  402. <tr>
  403. <td class="space_footer" style="padding:0!important">&nbsp;</td>
  404. </tr>
  405. <tr>
  406. <td class="footer" style="border-top:4px solid #333333;padding:7px 0">
  407. <span><a href="{shop_url}" style="color:#337ff1">{shop_name}</a> powered by <a href="http://www.prestashop.com/" style="color:#337ff1">PrestaShop&trade;</a></span>
  408. </td>
  409. </tr>
  410. </table>
  411. </td>
  412. <td class="space" style="width:20px;padding:7px 0">&nbsp;</td>
  413. </tr>
  414. </table>
  415. </body>
  416. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement