WEBDVL Posted October 21, 2014 Share Posted October 21, 2014 (edited) Hi. How to fix price tab in mail template? Mail template: order_conf.html Edited October 21, 2014 by WEBDVL (see edit history) Link to comment Share on other sites More sharing options...
thepan Posted October 21, 2014 Share Posted October 21, 2014 Could you upload this email, so I actually can play around with it. Link to comment Share on other sites More sharing options...
WEBDVL Posted October 21, 2014 Author Share Posted October 21, 2014 Could you upload this email, so I actually can play around with it. <!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>Detail objednávky z obchodu {shop_name}</title> <style> @media only screen and (max-width: 300px){ body { width:218px !important; margin:auto !important; } thead, tbody{width: 100%} .table {width:210px !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:425px!important;margin:auto!important;} thead, tbody{width: 100%} .table {margin:auto!important;} .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;} .table-recap{width: 310px !important;} .table-recap tr td, .conf_body td{text-align:center !important;} .table-recap tr th{font-size: 10px !important} } @media only screen and (min-width: 501px) and (max-width: 768px) { body {width:478px!important;margin:auto!important;} thead, tbody{width: 100%} .table {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:340px!important;margin:auto!important;} thead, tbody{width: 100%} .table {margin:auto!important;} .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;} .table-recap{width: 310px!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:850px;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)"> <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%"> <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"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <span class="title" style="font-weight:500;font-size:28px;text-transform:uppercase;line-height:33px">Dobrý deň {firstname} {lastname},</span><br/> <span class="subtitle" style="font-weight:500;font-size:16px;text-transform:uppercase;line-height:25px">ďakujeme za nákup v obchode {shop_name}!</span> </font> </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%"> <tr> <td width="10" style="padding:7px 0"> </td> <td style="padding:7px 0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <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"> Detaily objednávky </p> <span style="color:#777"> <span style="color:#333"><strong>Objednávka:</strong></span> {order_name} vytvorená {date}<br /><br /> <span style="color:#333"><strong>Spôsob doručenia</strong></span> {carrier}<br /><br /> <span style="color:#333"><strong>Platba:</strong></span> {payment} </span> </font> </td> <td width="10" style="padding:7px 0"> </td> </tr> </table> </td> </tr> <tr> <td style="padding:7px 0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <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">Kód</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">Jednotková cena</th> <th style="border:1px solid #D6D4D4;background-color:#fbfbfb;font-family:Arial;color:#333;font-size:13px;padding:10px">Počet</th> <th style="border:1px solid #D6D4D4;background-color:#fbfbfb;font-family:Arial;color:#333;font-size:13px;padding:10px">Celková cena</th> </tr> </thead> <tbody> <tr> <td colspan="5" style="border:1px solid #D6D4D4;color:#777;padding:7px 0"> {products} </td> </tr> <tr> <td colspan="5" style="border:1px solid #D6D4D4;color:#777;padding:7px 0"> {discounts} </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <strong>Produkty</strong> </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> {total_products} </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <strong>Zľava</strong> </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> {total_discounts} </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <strong>Darčekové balenie</strong> </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> {total_wrapping} </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <strong>Doručenie</strong> </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> {total_shipping} </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:0"> </td> <td align="right" style="color:#333;padding:0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <strong>Celkom k úhrade</strong> </font> </td> <td width="10" style="color:#333;padding:0"> </td> </tr> </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"> <tr> <td width="10" style="color:#333;padding:7"> </td> <td align="right" style=" solid;padding:7px 0"> <font size="3" face="Open-sans, sans-serif" color="#555454"> {total_paid} </font> </td> <td width="10" style="color:#333;padding:7"> </td> </tr> </table> </td> </tr> </tbody> </table> </font> </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%"> <tr> <td class="box address" width="310" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0"> <table class="table" style="width:100%"> <tr> <td width="10" style="padding:7px 0"> </td> <td style="padding:7px 0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <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"> Doručovacia adresa </p> <span data-html-only="1" style="color:#777"> {delivery_block_html} </span> </font> </td> <td width="10" style="padding:7px 0"> </td> </tr> </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%"> <tr> <td width="10" style="padding:7px 0"> </td> <td style="padding:7px 0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <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"> Fakturačná adresa </p> <span data-html-only="1" style="color:#777"> {invoice_block_html} </span> </font> </td> <td width="10" style="padding:7px 0"> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="space_footer" style="padding:0!important"> </td> </tr> <tr> <td class="linkbelow" style="padding:7px 0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <span> Vašu objednávku si môžete prezrieť v <a href="{history_url}" style="color:#337ff1">"histórii objednávok"</a> v našom internetovom obchode po kliknutí na odkaz <a href="{my_account_url}" style="color:#337ff1">"môj účet"</a>. </span> </font> </td> </tr> <tr> <td class="linkbelow" style="padding:7px 0"> <font size="2" face="Open-sans, sans-serif" color="#555454"> <span> Pokiaľ ste objednávku zadávali ako neregistrovaný zákazník, zobrazíte ju v <a href="{guest_tracking_url}?id_order={order_name}" style="color:#337ff1">"sledovaní objednávok pre neregistrovaných zákazníkov"</a>.</span> </font> </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"> <p style="text-align: center;">TopDizajn s.r.o. Karpatské námestie 10, 83106 Bratislava IČO: 47876051 DIČ: 2024133166</p> <p style="text-align: center;">[email protected] +421948332323</p> </td> </tr> </table> </td> <td class="space" style="width:20px;padding:7px 0"> </td> </tr> </table> </body> </html> Link to comment Share on other sites More sharing options...
WEBDVL Posted October 27, 2014 Author Share Posted October 27, 2014 Someone tries to repair? Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts