Last active
March 9, 2024 19:42
-
-
Save MrNaif2018/29345d711181421753f1226366a39d36 to your computer and use it in GitHub Desktop.
BitcartCC Templates example #1: Simple summary table
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<tr> | |
<td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:top;width:300px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-50 mj-outlook-group-fix" | |
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" | |
width="100%"> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<div | |
style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"> | |
<div align="justify"> | |
<h2><span style="font-weight: normal;">{{product.name}} x {{quantity}}</span></h2> | |
</div> | |
<div align="justify"> | |
<h3><span style="font-weight: normal;">{{product.description}}</span></h3> | |
</div> | |
</div> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
<td | |
class="" style="vertical-align:top;width:300px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-50 mj-outlook-group-fix" | |
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" | |
width="100%"> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<div | |
style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"> | |
<div align="right"><span style="color:#000;font-size:20px"><br></span></div> | |
<div align="right"><span style="color:#000;font-size:20px">{{product.price*quantity}} | |
{{store.default_currency}}</span></div> | |
</div> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" | |
xmlns:o="urn:schemas-microsoft-com:office:office"> | |
<head> | |
<title> | |
</title> | |
<!--[if !mso]><!-- --> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<!--<![endif]--> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<style type="text/css"> | |
#outlook a { | |
padding: 0; | |
} | |
body { | |
margin: 0; | |
padding: 0; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
} | |
table, | |
td { | |
border-collapse: collapse; | |
mso-table-lspace: 0pt; | |
mso-table-rspace: 0pt; | |
} | |
img { | |
border: 0; | |
height: auto; | |
line-height: 100%; | |
outline: none; | |
text-decoration: none; | |
-ms-interpolation-mode: bicubic; | |
} | |
p { | |
display: block; | |
margin: 13px 0; | |
} | |
</style> | |
<!--[if mso]> | |
<xml> | |
<o:OfficeDocumentSettings> | |
<o:AllowPNG/> | |
<o:PixelsPerInch>96</o:PixelsPerInch> | |
</o:OfficeDocumentSettings> | |
</xml> | |
<![endif]--> | |
<!--[if lte mso 11]> | |
<style type="text/css"> | |
.mj-outlook-group-fix { width:100% !important; } | |
</style> | |
<![endif]--> | |
<!--[if !mso]><!--> | |
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css"> | |
<style type="text/css"> | |
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700); | |
</style> | |
<!--<![endif]--> | |
<style type="text/css"> | |
@media only screen and (min-width:480px) { | |
.mj-column-per-100 { | |
width: 100% !important; | |
max-width: 100%; | |
} | |
.mj-column-per-50 { | |
width: 50% !important; | |
max-width: 50%; | |
} | |
} | |
</style> | |
<style type="text/css"> | |
</style> | |
</head> | |
<body> | |
<div style=""> | |
<!--[if mso | IE]> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" | |
style="background:#ffffff;background-color:#ffffff;width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:top;width:600px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-100 mj-outlook-group-fix" | |
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" | |
width="100%"> | |
<tr> | |
<td align="left" style="background:#ffffff;font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<div | |
style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"> | |
<div> | |
<h1>{{store.name}}<br></h1> | |
</div> | |
</div> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:top;width:600px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-100 mj-outlook-group-fix" | |
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" | |
width="100%"> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<div | |
style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"> | |
<div class="m_-8068853642302916038text"> | |
<h2> | |
<font size="6" face="Times New Roman"><span style="font-weight: normal;">Thank you so much | |
for your order!</span></font> | |
</h2> | |
<h3> | |
<font size="6" face="Times New Roman"><span style="font-weight: normal;">Your summary is | |
below:</span></font> | |
</h3> | |
</div> | |
</div> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> | |
<tbody> | |
<tr> | |
<td style="direction:ltr;font-size:0px;padding:0px;text-align:center;"> | |
<!--[if mso | IE]> | |
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> | |
<tr> | |
<td | |
class="" style="vertical-align:top;width:300px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-50 mj-outlook-group-fix" | |
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" | |
width="100%"> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<div | |
style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"> | |
<div align="left"> | |
<h3><b>Item</b></h3> | |
</div> | |
</div> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
<td | |
class="" style="vertical-align:top;width:300px;" | |
> | |
<![endif]--> | |
<div class="mj-column-per-50 mj-outlook-group-fix" | |
style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"> | |
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" | |
width="100%"> | |
<tr> | |
<td align="left" style="font-size:0px;padding:10px 25px;word-break:break-word;"> | |
<div | |
style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#000000;"> | |
<h3 align="right">Price</h3> | |
</div> | |
</td> | |
</tr> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<table | |
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" | |
> | |
<tr> | |
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"> | |
<![endif]--> | |
<div style="margin:0px auto;max-width:600px;"> | |
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> | |
<tbody> | |
{% for product in products %} | |
{{product}} | |
{% endfor %} | |
</tbody> | |
</table> | |
</div> | |
<!--[if mso | IE]> | |
</td> | |
</tr> | |
</table> | |
<![endif]--> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment