Files
kupshop/web/common/templates/email/base.tpl
2025-08-02 16:30:27 +02:00

182 lines
5.8 KiB
Smarty

<!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">
{block "email-vars"}
{$emailVars=['colorPrimary'=>'#1089e6','colorBg'=>'#f2f4f8','fontColor'=>'#3e3e3e']}
{/block}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{$dbcfg.index_title}</title>
<style type="text/css" media="all">
{block css}
body {
color: {$emailVars.fontColor|default:'#3e3e3e'};
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
a {
color: {$emailVars.colorPrimary};
}
#content p {
color: {$emailVars.fontColor|default:'#3e3e3e'};
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
line-height: 22px;
margin: 10px 0;
}
#content p a {
color: {$emailVars.colorPrimary};
text-decoration: underline;
}
#content .bye {
color: #5d5d5d;
}
@media screen and (max-width: 700px) {
table[class="wrapper"] {
width: 100% !important;
}
}
#content table {
color: {$emailVars.fontColor|default:'#3e3e3e'};
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
line-height: 22px;
}
#content table a {
color: {$emailVars.colorPrimary};
text-decoration: underline;
}
.btn {
border-color: {$emailVars.colorPrimary} !important;
}
.btn a {
color: {$emailVars.colorPrimary} !important;
}
{* correct color in admin *}
.link {
color: {$emailVars.colorPrimary} !important;
}
@media screen and (max-width: 544px) {
#content {
padding: 12px 18px !important;
}
#logo-wrapper {
padding: 18px 18px 0 !important;
}
}
{/block}
</style>
</head>
<body bgcolor="{$emailVars.colorBg|default:'#f2f4f8'}" style="background-color:{$emailVars.colorBg|default:'#f2f4f8'};">
{block "email-top"}
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{$emailVars.colorBg|default:'#f2f4f8'}"
style="background-color: {$emailVars.colorBg|default:'#f2f4f8'};">
<tr>
<td style="padding-top: 50px;">
<div align="center"><!-- centruje se v obklopující 100% tabulce -->
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%!important;max-width: 680px!important; padding-top:10px;background-color: #ffffff"
bgcolor="#ffffff" class="wrapper">
<tr>
<td style="border-bottom: 1px solid {$emailVars.colorBg|default:'#f2f4f8'}; padding: 30px 50px 20px;text-align: left;"
id="logo-wrapper" align="left">
<a href="{$cfg.Addr.full}" title="{$dbcfg.shop_firm_name}">
{block "logo"}
<img src="{static_url url="/templates/images/logo.png" absolute=1}" alt="{$dbcfg.shop_firm_name}"
style="border:0;display: block;margin-bottom: 20px;text-align: center;" class="img-responsive logo"/>
{/block}
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
{/block}
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{$emailVars.colorBg|default:'#f2f4f8'}" style="background-color: {$emailVars.colorBg|default:'#f2f4f8'};">
<tr>
<td>
<div align="center"><!-- centruje se v obklopující 100% tabulce -->
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%!important;max-width: 680px!important; padding-top:10px;background-color: #ffffff" bgcolor="#ffffff"
class="wrapper">
<tr>
<td align="left" style="text-align: left; border-bottom: 1px solid {$emailVars.colorBg|default:'#f2f4f8'}; padding: 30px 50px;" id="content">
{block email_hello}
{*{if $user}
{$hello = ""}
{$greeting = $user->getGreeting()}
{$hello = $greeting.greeting}
{if $hello} {$hello}{/if}
{/if}*}
{if $body.header}
{$body.header nofilter}
{else}
<p>{t}Dobrý den{/t},</p>
{/if}
{/block}
{block email_content}
{/block}
{block email_bye}
{if $body.footer}
{$body.footer nofilter}
{else}
<p class="bye">
{t}S pozdravem{/t} <a href="{$cfg.Addr.full}">{$dbcfg.shop_firm_name}</a>
</p>
{/if}
{/block}
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
{block "email-bottom"}
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="{$emailVars.colorBg|default:'#f2f4f8'}"
style="background-color: {$emailVars.colorBg|default:'#f2f4f8'};">
<tr>
<td style="padding-bottom: 50px;">
</td>
</tr>
</table>
{/block}
{block microdata}
{if $body.microdata}
<script type="application/ld+json">
{$body.microdata nofilter}
</script>
{/if}
{/block}
</body>
</html>