487 lines
22 KiB
PHP
487 lines
22 KiB
PHP
<!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" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
|
|
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">{SUBJECT}</title>
|
|
|
|
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
* {
|
|
font-family: Arial, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
.collapse {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-text-size-adjust: none;
|
|
width: 100%!important;
|
|
height: 100%;
|
|
}
|
|
|
|
a {
|
|
color: #000000;
|
|
}
|
|
|
|
.btn {
|
|
text-decoration: none;
|
|
color: #FFF;
|
|
background-color: #666;
|
|
padding: 10px 16px;
|
|
font-weight: bold;
|
|
margin-right: 10px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
}
|
|
|
|
p.callout {
|
|
padding: 15px;
|
|
background-color: #ECF8FF;
|
|
margin-bottom: 15px;
|
|
}
|
|
.callout a {
|
|
font-weight: bold;
|
|
color: #2BA6CB;
|
|
}
|
|
|
|
table.social {
|
|
/* padding:15px; */
|
|
background-color: #ebebeb;
|
|
|
|
}
|
|
.social .soc-btn {
|
|
padding: 3px 7px;
|
|
font-size: 14px;
|
|
margin-bottom: 10px;
|
|
text-decoration: none;
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
a.fb {
|
|
background-color: #3B5998!important;
|
|
}
|
|
a.tw {
|
|
background-color: #1daced!important;
|
|
}
|
|
a.gp {
|
|
background-color: #DB4A39!important;
|
|
}
|
|
a.ms {
|
|
background-color: #000!important;
|
|
}
|
|
|
|
.sidebar .soc-btn {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
table.head-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.header.container table td.logo {
|
|
padding: 15px;
|
|
}
|
|
.header.container table td.label {
|
|
padding: 15px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
table.body-wrap {
|
|
width: 100%;
|
|
}
|
|
table.footer-wrap {
|
|
width: 100%;
|
|
clear: both!important;
|
|
}
|
|
.footer-wrap .container td.content p {
|
|
border-top: 1px solid rgb(215,215,215);
|
|
padding-top: 15px;
|
|
}
|
|
.footer-wrap .container td.content p {
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
|
|
}
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
|
line-height: 1.1;
|
|
margin-bottom: 15px;
|
|
color: #000;
|
|
}
|
|
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
|
|
font-size: 60%;
|
|
color: #6f6f6f;
|
|
line-height: 0;
|
|
text-transform: none;
|
|
}
|
|
|
|
h1 {
|
|
font-weight: 200;
|
|
font-size: 44px;
|
|
}
|
|
h2 {
|
|
font-weight: 200;
|
|
font-size: 37px;
|
|
}
|
|
h3 {
|
|
font-weight: 500;
|
|
font-size: 27px;
|
|
}
|
|
h4 {
|
|
font-weight: 500;
|
|
font-size: 23px;
|
|
}
|
|
h5 {
|
|
font-weight: 900;
|
|
font-size: 17px;
|
|
}
|
|
h6 {
|
|
font-weight: 900;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
color: #444;
|
|
}
|
|
|
|
.collapse {
|
|
margin: 0!important;
|
|
}
|
|
|
|
p, ul {
|
|
margin-bottom: 10px;
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
line-height: 1.6;
|
|
}
|
|
p.lead {
|
|
font-size: 17px;
|
|
}
|
|
p.last {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
ul li {
|
|
margin-left: 5px;
|
|
list-style-position: inside;
|
|
}
|
|
ul.sidebar {
|
|
background: #ebebeb;
|
|
display: block;
|
|
list-style-type: none;
|
|
}
|
|
ul.sidebar li {
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
ul.sidebar li a {
|
|
text-decoration: none;
|
|
color: #666;
|
|
padding: 10px 16px;
|
|
/* font-weight:bold; */
|
|
margin-right: 10px;
|
|
/* text-align:center; */
|
|
cursor: pointer;
|
|
border-bottom: 1px solid #777777;
|
|
border-top: 1px solid #FFFFFF;
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
ul.sidebar li a.last {
|
|
border-bottom-width: 0px;
|
|
}
|
|
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p {
|
|
margin-bottom: 0!important;
|
|
}
|
|
|
|
.container {
|
|
display: block!important;
|
|
max-width: 600px!important;
|
|
margin: 0 auto!important;
|
|
clear: both!important;
|
|
}
|
|
.content {
|
|
padding: 15px;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|
|
.content table {
|
|
width: 100%;
|
|
}
|
|
|
|
.column {
|
|
width: 300px;
|
|
float: left;
|
|
}
|
|
.column tr td {
|
|
padding: 15px;
|
|
}
|
|
.column-wrap {
|
|
padding: 0!important;
|
|
margin: 0 auto;
|
|
max-width: 600px!important;
|
|
}
|
|
.column table {
|
|
width: 100%;
|
|
}
|
|
.social .column {
|
|
width: 280px;
|
|
min-width: 279px;
|
|
float: left;
|
|
}
|
|
|
|
.clear {
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
a[class="btn"] {
|
|
display: block!important;
|
|
margin-bottom: 10px!important;
|
|
background-image: none!important;
|
|
margin-right: 0!important;
|
|
}
|
|
|
|
div[class="column"] {
|
|
width: auto!important;
|
|
float: none!important;
|
|
}
|
|
|
|
table.social div[class="column"] {
|
|
width: auto!important;
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
|
<!-- PREV -->
|
|
|
|
<!-- HEADER -->
|
|
<table class="head-wrap" bgcolor="#{template_color_header}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;width: 100%; background: #{template_color_header} !important;">
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;"></td>
|
|
<td class="header container" style="margin: 0 auto !important;padding: 0;font-family: Arial, sans-serif;font-size: 14px;display: block !important;max-width: 600px !important;clear: both !important;">
|
|
|
|
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 14px;max-width: 600px;display: block;">
|
|
<table bgcolor="#{template_color_header}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;width: 100%; background: #{template_color_header} !important;">
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<td style="text-align: center; margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;"><img src="{LOGO_SRC}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;max-width: 100%; max-height: 50px;"></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</td>
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;"></td>
|
|
</tr>
|
|
</table>
|
|
<!-- /HEADER -->
|
|
|
|
|
|
<!-- BODY -->
|
|
<table class="body-wrap" bgcolor="#{template_color_background_b}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;width: 100%; background: #{template_color_background_b} !important;">
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;"></td>
|
|
<td class="container" bgcolor="#{template_color_background_a}" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 14px;display: block!important;max-width: 600px!important;clear: both!important; background: #{template_color_background_a} !important;">
|
|
|
|
<div class="content" style="margin: 0 auto;padding: 15px;font-family: Arial, sans-serif;font-size: 14px;max-width: 600px;display: block;">
|
|
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;width: 100%;">
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
|
|
<?php if ($config->get('template_show_subject')==1): ?>
|
|
<h1 style="margin: 0px !important;padding: 0;font-family: Arial, sans-serif;line-height: 1.7; font-size: 24px; color: #{template_color_font_b};font-weight: 500;">{SUBJECT}</h1>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($message->getMainImage()!=""): ?>
|
|
|
|
<?php if ($message->getMainImageUrl()!=""): ?>
|
|
<a href="{MAIN_IMAGE_URL}" target="_blank">
|
|
<?php endif; ?>
|
|
|
|
|
|
<img src="{MAIN_IMAGE}" style="max-width:100%">
|
|
|
|
<?php if ($message->getMainImageUrl()!=""): ?>
|
|
</a>
|
|
<?php endif; ?>
|
|
|
|
<?php endif; ?>
|
|
|
|
<?php if ($message->getContent()!=""): ?>
|
|
<div style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px; margin-bottom: 10px;font-weight: normal;line-height: 1.6; color: #{template_color_font_a};">
|
|
{NEWSLETTER_CONTENT}
|
|
</div>
|
|
<?php endif; ?>
|
|
</td>
|
|
</tr>
|
|
|
|
<?php
|
|
if ($message->getCtaButtonUrl()!="" && $message->getCtaButtonName()!=""): ?>
|
|
|
|
<?php if ($message->getContent()!=""): ?>
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
{CALL_TO_ACTION}
|
|
</td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
|
|
<?php endif; ?>
|
|
|
|
|
|
<?php if ($products): ?>
|
|
<tr>
|
|
<td>
|
|
|
|
<?php if($message->getProductsName()!=""): ?>
|
|
<h2 style="margin-bottom: 10px !important;padding: 0;font-family: Arial, sans-serif;line-height: 1.7; font-size: 20px; color: #{template_color_font_b};font-weight: 500;"><?php echo $message->getProductsName(); ?></h2>
|
|
<?php endif; ?>
|
|
<table style="margin-bottom: 10px;padding: 0;font-family: Arial, sans-serif;font-size: 14px;width: 100%;" cellpadding="0" cellspacing="0">
|
|
|
|
<?php
|
|
|
|
$row = 0;
|
|
foreach ($products as $product):
|
|
$row ++;
|
|
|
|
if ($row == 1):
|
|
|
|
?>
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<?php endif; ?>
|
|
|
|
<td style="vertical-align: top;text-align: center; width: 50%; <?php if ($row == 1): ?> padding-right: 5px; <?php else: ?> padding-left: 5px; <?php endif; ?>">
|
|
|
|
<a style="margin: 0px; padding:0px; display: block;" href="<?php echo $product['url']; ?>" target="_blank"><img src="<?php echo $product['image']; ?>" style="width:100%;"></a>
|
|
|
|
<span style="line-height: 1.4; font-size: 16px; display: inline-block;"><a style="text-decoration: none; color: #{template_color_font_a}" href="<?php echo $product['url']; ?>" target="_blank"><b><?php echo $product['name']; ?></b></a></span>
|
|
|
|
</td>
|
|
|
|
<?php if ($row == 2): ?>
|
|
</tr>
|
|
<?php
|
|
|
|
$row = 0;
|
|
endif;
|
|
|
|
endforeach;
|
|
?>
|
|
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($recommends): ?>
|
|
<tr>
|
|
<td>
|
|
|
|
<?php if ($message->getRecommendsName()!=""): ?>
|
|
<h2 style="margin-bottom: 10px !important;padding: 0;font-family: Arial, sans-serif;line-height: 1.7; font-size: 20px; color: #{template_color_font_b};font-weight: 500;"><?php echo $message->getRecommendsName(); ?></h2>
|
|
<?php endif; ?>
|
|
<table style="margin: 0px;padding: 0;font-family: Arial, sans-serif;font-size: 14px;width: 100%;" cellpadding="0" cellspacing="0">
|
|
|
|
<?php foreach ($recommends as $recommend): ?>
|
|
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
|
|
<td style="vertical-align: top; line-height: 1.6; margin-bottom: 15px;">
|
|
|
|
<a style="margin: 0px; padding:0px; display: block;" href="<?php echo $recommend['url']; ?>" target="_blank"><img src="<?php echo $recommend['image']; ?>" style="width:100%;"></a>
|
|
|
|
<span style="line-height: 1.4; font-size: 16px;display: inline-block;"><a style="text-decoration: none; color: #{template_color_font_a}" href="<?php echo $recommend['url']; ?>" target="_blank"><b><?php echo $recommend['name']; ?></b></a></span>
|
|
|
|
<br/>
|
|
<?php echo $recommend['description']; ?>
|
|
<a style="color: #{template_color_font_c}" href="<?php echo $recommend['url']; ?>" target="_blank">{READ_MORE}</a>
|
|
<br/><br/>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<?php endforeach; ?>
|
|
|
|
</table>
|
|
|
|
</td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($message->getCtaButtonUrl()!="" && $message->getCtaButtonName()!=""): ?>
|
|
|
|
<?php if ($message->getContent()==""): ?>
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
{CALL_TO_ACTION}
|
|
</td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
|
|
<?php endif; ?>
|
|
|
|
|
|
</table>
|
|
</div>
|
|
|
|
</td>
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;"></td>
|
|
</tr>
|
|
|
|
|
|
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;"></td>
|
|
<td class="container" bgcolor="#{template_color_background_b}" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 14px;display: block!important;max-width: 600px!important;clear: both!important; background: #{template_color_background_b} !important;">
|
|
|
|
<div class="content" style="margin: 0 auto;padding: 5px;font-family: Arial, sans-serif;font-size: 14px;max-width: 600px;display: block;">
|
|
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;width: 100%;">
|
|
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;">
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 11px; text-align: center; color:#{template_color_background_font};">
|
|
|
|
{UNSUBSCRIBE_MESSAGE}<br/>
|
|
<a style="font-size:10px; text-decoration:underline; color:#{template_color_background_font};" target="_blank" href="{LINK_TO_UNSUBSCRIBE}" >{TEXT_TO_UNSUBSCRIBE}</a>
|
|
|
|
<br/><br/>
|
|
|
|
{CANTREAD_MESSAGE}<br/>
|
|
<a style="font-size:10px; text-decoration:underline; color:#{template_color_background_font};" target="_blank" href="{LINK_TO_CANTREAD}" >{TEXT_TO_CANTREAD}</a>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</td>
|
|
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 14px;"></td>
|
|
</tr>
|
|
|
|
</table>
|
|
<!-- /BODY -->
|
|
|
|
<!-- PREV -->
|
|
<img style="display:none;" src="{HASH}">
|
|
</body>
|
|
</html>
|