first commit
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="user_newsletter" class="box roundies">
|
||||
<div class="title">
|
||||
<h2>{__ text="Newsletter"}</h2>
|
||||
<p>{__ text="Sprawdź skrzynkę pocztową."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="padding: 10px 70px">
|
||||
|
||||
<div id="newsletter_user_form" class="box_form roundies">
|
||||
<h3>{__ text="Dane subskrypcji"}</h3>
|
||||
<div style="padding:25px;">
|
||||
<p style="text-align:center;">{__ text="Na podany adres wysłano mail z prośbą o potwierdzenie."}</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$email}</b></p>
|
||||
|
||||
{if $choseGroup}
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<div class="group_content" style="border-bottom:1px solid #ccc; margin-bottom: 10px;">
|
||||
|
||||
<div class="st_row vertical-align-middle gray_text">
|
||||
{$news_group.input}<span><b>{$news_group.name}</b></span>
|
||||
</div>
|
||||
{$news_group.description}
|
||||
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
<div class="buttons right" >
|
||||
<a href="/" class="regular roundies">
|
||||
<span class="arrow_right">{__ text="Kontynuuj zakupy"}</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,13 @@
|
||||
<div id="newsletter" class="group">
|
||||
<h4>{__ text="Newsletter"}</h4>
|
||||
{$form_start}
|
||||
<div class="sign">
|
||||
<div class="email">
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
{$hidden_privacy}
|
||||
{$hidden_new_user}
|
||||
</form>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,29 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="user_newsletter" class="box roundies">
|
||||
<div class="title">
|
||||
<h2>{__ text="Newsletter"}</h2>
|
||||
<p>{__ text="Potwierdzenie rejestracji."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="padding: 10px 70px">
|
||||
|
||||
<div id="newsletter_user_form" class="box_form roundies">
|
||||
<h3>{__ text="Dane subskrypcji"}</h3>
|
||||
<div style="padding:25px;">
|
||||
|
||||
<p style="text-align:center;">{__ text="Adres został potwierdzony."}</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$email}</b></p>
|
||||
|
||||
<div class="buttons" style="display: table; margin: 0px auto;">
|
||||
<a href="/" class="regular roundies">
|
||||
<span class="arrow_right">{__ text="Kontynuuj zakupy"}</span>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,109 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="user_newsletter" class="box roundies">
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Newsletter"}</h2>
|
||||
<p>{__ text="Podaj swój adres."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="padding: 10px 70px ">
|
||||
{$form_start}
|
||||
|
||||
<div id="newsletter_user_form" class="box_form roundies">
|
||||
<h3>{__ text="Dane subskrypcji"}</h3>
|
||||
<div style="padding:25px;">
|
||||
<fieldset>
|
||||
|
||||
{if $update == 1}
|
||||
<p style="color:#fff;text-align:center;background-color:#458B00;"><b>{__ text="Dane zostały zaktualizowane."}</b></p>
|
||||
{/if}
|
||||
|
||||
<div id="email_field" class="st_row">
|
||||
{$error_email}
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="privacy_field" class="st_row">
|
||||
<div class="st_field vertical-align-middle {if $error_privacy==1} red {/if}">
|
||||
{$checkbox_privacy}
|
||||
{$link_to_privacy}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="captcha_form" style="display:none">
|
||||
|
||||
{if isset($captcha_on)}
|
||||
|
||||
<div class="st_row">
|
||||
{$error_captcha}
|
||||
<div style="margin-bottom: 2px;">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
{$label_captcha}
|
||||
{$input_captcha}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
|
||||
{if $newsletterGroup}
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<div class="group_content" style="border-bottom:1px solid #ccc; margin-bottom: 10px;">
|
||||
|
||||
<div class="st_row vertical-align-middle gray_text">
|
||||
{$news_group.input}<span><b>{$news_group.name}</b></span>
|
||||
</div>
|
||||
{$news_group.description}
|
||||
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
<div class="buttons right">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{__ text="Zapisz mnie na newsletter"}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{$hidden_new_user}
|
||||
|
||||
</fieldset>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$("label").inFieldLabels();
|
||||
|
||||
$('#st_form-user-privacy').click(function(){
|
||||
$("#captcha_form").toggle();
|
||||
});
|
||||
|
||||
if($('#st_form-user-privacy').attr('checked'))
|
||||
{
|
||||
$("#captcha_form").show()
|
||||
}else{
|
||||
$("#captcha_form").hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,91 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="user_newsletter" class="box roundies">
|
||||
<div id="st_navigation_bar-user" class="st_navigation_bar_user">
|
||||
<ul>
|
||||
<li class="st_first"><a href="/user_data/userPanel">{__ text="Moje konto"}</a></li>
|
||||
<li class="st_selected"><a href="/newsletter/newsletterList">{__ text="Newsletter"}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="padding: 10px 70px">
|
||||
{$form_start}
|
||||
|
||||
<div id="newsletter_user_form" class="box_form roundies">
|
||||
<h3>{__ text="Dane subskrypcji"}</h3>
|
||||
<div style="padding:25px;">
|
||||
<fieldset>
|
||||
|
||||
{if $update == 1}
|
||||
<p style="color:#fff;text-align:center;background-color:#458B00;"><b>{__ text="Dane zostały zaktualizowane."}</b></p>
|
||||
{/if}
|
||||
|
||||
|
||||
<div id="email_field" class="st_row">
|
||||
{$error_email}
|
||||
<div class="st_field">
|
||||
{$label_email}
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="privacy_field" class="st_row">
|
||||
<div class="st_field vertical-align-middle {if $error_privacy==1} red {/if}">
|
||||
{$checkbox_privacy}
|
||||
{$link_to_privacy}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if $newsletterGroup}
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<div class="group_content" style="border-bottom:1px solid #ccc; margin-bottom: 10px;">
|
||||
|
||||
<div class="st_row vertical-align-middle gray_text">
|
||||
{$news_group.input}<span><b>{$news_group.name}</b></span>
|
||||
</div>
|
||||
{$news_group.description}
|
||||
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
<div class="buttons right">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{$newsletter_user_accept}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
{if $new_user != 1}
|
||||
<div class="buttons left">
|
||||
{$newsletter_user}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
{$hidden_new_user}
|
||||
|
||||
</fieldset>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$("label").inFieldLabels();
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,336 @@
|
||||
<!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: 12px;">
|
||||
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
|
||||
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">ZURBemails</title>
|
||||
|
||||
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{literal}
|
||||
|
||||
/* -------------------------------------
|
||||
GLOBAL
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
* { font-family: Arial, sans-serif; }
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.collapse {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:none;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
ELEMENTS
|
||||
------------------------------------- */
|
||||
a { color: #2BA6CB;}
|
||||
|
||||
.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 {
|
||||
|
||||
background-color: #ebebeb;
|
||||
|
||||
}
|
||||
.social .soc-btn {
|
||||
padding: 3px 7px;
|
||||
font-size:12px;
|
||||
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%;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER
|
||||
------------------------------------- */
|
||||
table.head-wrap { width: 100%;}
|
||||
|
||||
.header.container table td.logo { padding: 15px; }
|
||||
.header.container table td.label { padding: 15px; padding-left:0px;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
BODY
|
||||
------------------------------------- */
|
||||
table.body-wrap { width: 100%;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
FOOTER
|
||||
------------------------------------- */
|
||||
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;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: Arial, 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:12px;
|
||||
line-height:1.6;
|
||||
}
|
||||
p.lead { font-size:17px; }
|
||||
p.last { margin-bottom:0px;}
|
||||
|
||||
ul li {
|
||||
margin-left:5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
SIDEBAR
|
||||
------------------------------------- */
|
||||
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;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
RESPONSIVENESS
|
||||
Nuke it from orbit. It's the only way to be sure.
|
||||
------------------------------------------------------ */
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display:block!important;
|
||||
max-width:600px!important;
|
||||
margin:0 auto!important; /* makes it centered */
|
||||
clear:both!important;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
padding:15px;
|
||||
max-width:600px;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Let's make sure tables in the content area are 100% wide */
|
||||
.content table { width: 100%; }
|
||||
|
||||
|
||||
/* Odds and ends */
|
||||
.column {
|
||||
width: 300px;
|
||||
float:left;
|
||||
}
|
||||
.social .column tr td { padding: 15px; }
|
||||
|
||||
.user_data .column tr td { padding-bottom: 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;
|
||||
}
|
||||
|
||||
.user_data .column {
|
||||
width: 280px;
|
||||
min-width: 279px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* Be sure to place a .clear element after each set of columns, just to be safe */
|
||||
.clear { display: block; clear: both; }
|
||||
|
||||
|
||||
/* -------------------------------------------
|
||||
PHONE
|
||||
For clients that support media queries.
|
||||
Nothing fancy.
|
||||
-------------------------------------------- */
|
||||
@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;
|
||||
}
|
||||
|
||||
}
|
||||
{/literal}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="header container" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;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: 12px;max-width: 600px;display: block;">
|
||||
<table bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{if $logo!=""}<img src="http://{$host}/uploads{$logo}?version=1" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;max-width: 100%; max-height: 50px;">{/if}</td>
|
||||
<td align="right" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"><h6 class="collapse" style="margin: 0!important;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 14px;line-height: 1.1;margin-bottom: 15px;color: #444;font-weight: 900;text-transform: uppercase;">{$date}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;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: 12px;max-width: 600px;display: block;">
|
||||
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_head}</p>
|
||||
<h4 style="margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 23px;line-height: 1.1;margin-bottom: 15px;color: #000;font-weight: 500;">{__ text="Rejestracja na liście subskrypcji."}</h4>
|
||||
|
||||
|
||||
<p style="text-align:left; font-size: 12px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{__ text="Dziękujemy za wykazanie zainteresowania ofertą naszego sklepu."}</p>
|
||||
<p style="text-align:center; font-size: 16px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;"><b>{$email}</b></p>
|
||||
<p style="text-align:left; font-size: 12px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{__ text="Adres został dodany do listy subskrypcji. Prosimy potwierdzić chęć otrzymywania wiadomości aktywując konto klikając w link znajdujący się poniżej."}</p>
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;margin: 0;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 15px;font-weight: normal;line-height: 1.6;background-color: #{$bg_action_color};">
|
||||
<a href="{$confirm_link}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;color: #{$bg_action_link_color};font-weight: bold;">{__ text="Potwierdź rejestrację"}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
{if $group}
|
||||
<div style="font-size:12px; color:#404040;">
|
||||
<p style="font-size: 12px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{__ text="Po potwierdzeniu rejestracji, będą wysyłane informacje z następujących tematów"}:</p>
|
||||
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{foreach key=row item=news_group from=$results}
|
||||
|
||||
<div style="font-size:12px;margin: 10px; text-align: left; font-family: Arial, sans-serif;">
|
||||
<b>{$news_group.name}</b>
|
||||
<p style="font-size: 12px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$news_group.description}</p>
|
||||
</div>
|
||||
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{/foreach}
|
||||
|
||||
</div>
|
||||
{/if}
|
||||
<br/>
|
||||
|
||||
<p style="font-size: 12px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{__ text="Jeżeli chcą Państwo zrezygnować z otrzymywania wiadomości proszę kliknąć w poniższy link."}</p>
|
||||
<p style="text-align:center; font-size: 12px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$unregister_link}</p>
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;background-color: #{$bg_footer_color};width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,14 @@
|
||||
{__ text="Dziękujemy za wykazanie zainteresowania ofertą naszego sklepu."} {$email}
|
||||
|
||||
{__ text="Adres został dodany do listy subskrypcji. Prosimy potwierdzić chęć otrzymywania wiadomości aktywując konto klikając w link znajdujący się poniżej."}
|
||||
{$confirm_link}
|
||||
|
||||
{if $group}
|
||||
{__ text="Po potwierdzeniu rejestracji, będą wysyłane informacje z następujących tematów"}:
|
||||
{foreach key=row item=news_group from=$results}
|
||||
{$news_group.name}
|
||||
{$news_group.description}
|
||||
{/foreach}{/if}
|
||||
|
||||
{__ text="Jeżeli chcą Państwo zrezygnować z otrzymywania wiadomości proszę kliknąć w poniższy link."}
|
||||
{$unregister_link}
|
||||
@@ -0,0 +1,314 @@
|
||||
<!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: 12px;">
|
||||
<head style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
|
||||
<meta name="viewport" content="width=device-width" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<title style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">ZURBemails</title>
|
||||
|
||||
<style style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
{literal}
|
||||
|
||||
/* -------------------------------------
|
||||
GLOBAL
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
* { font-family: Arial, sans-serif; }
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.collapse {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-webkit-text-size-adjust:none;
|
||||
width: 100%!important;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
ELEMENTS
|
||||
------------------------------------- */
|
||||
a { color: #2BA6CB;}
|
||||
|
||||
.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 {
|
||||
|
||||
background-color: #ebebeb;
|
||||
|
||||
}
|
||||
.social .soc-btn {
|
||||
padding: 3px 7px;
|
||||
font-size:12px;
|
||||
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%;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER
|
||||
------------------------------------- */
|
||||
table.head-wrap { width: 100%;}
|
||||
|
||||
.header.container table td.logo { padding: 15px; }
|
||||
.header.container table td.label { padding: 15px; padding-left:0px;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
BODY
|
||||
------------------------------------- */
|
||||
table.body-wrap { width: 100%;}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
FOOTER
|
||||
------------------------------------- */
|
||||
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;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: Arial, 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:12px;
|
||||
line-height:1.6;
|
||||
}
|
||||
p.lead { font-size:17px; }
|
||||
p.last { margin-bottom:0px;}
|
||||
|
||||
ul li {
|
||||
margin-left:5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
SIDEBAR
|
||||
------------------------------------- */
|
||||
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;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------------
|
||||
RESPONSIVENESS
|
||||
Nuke it from orbit. It's the only way to be sure.
|
||||
------------------------------------------------------ */
|
||||
|
||||
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
|
||||
.container {
|
||||
display:block!important;
|
||||
max-width:600px!important;
|
||||
margin:0 auto!important; /* makes it centered */
|
||||
clear:both!important;
|
||||
}
|
||||
|
||||
/* This should also be a block element, so that it will fill 100% of the .container */
|
||||
.content {
|
||||
padding:15px;
|
||||
max-width:600px;
|
||||
margin:0 auto;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* Let's make sure tables in the content area are 100% wide */
|
||||
.content table { width: 100%; }
|
||||
|
||||
|
||||
/* Odds and ends */
|
||||
.column {
|
||||
width: 300px;
|
||||
float:left;
|
||||
}
|
||||
.social .column tr td { padding: 15px; }
|
||||
|
||||
.user_data .column tr td { padding-bottom: 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;
|
||||
}
|
||||
|
||||
.user_data .column {
|
||||
width: 280px;
|
||||
min-width: 279px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/* Be sure to place a .clear element after each set of columns, just to be safe */
|
||||
.clear { display: block; clear: both; }
|
||||
|
||||
|
||||
/* -------------------------------------------
|
||||
PHONE
|
||||
For clients that support media queries.
|
||||
Nothing fancy.
|
||||
-------------------------------------------- */
|
||||
@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;
|
||||
}
|
||||
|
||||
}
|
||||
{/literal}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;height: 100%;width: 100%!important;">
|
||||
|
||||
<!-- HEADER -->
|
||||
<table class="head-wrap" bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="header container" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;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: 12px;max-width: 600px;display: block;">
|
||||
<table bgcolor="#{$bg_header_color}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{if $logo!=""}<img src="http://{$host}/uploads{$logo}?version=1" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;max-width: 100%; max-height: 50px;">{/if}</td>
|
||||
<td align="right" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"><h6 class="collapse" style="margin: 0!important;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 14px;line-height: 1.1;margin-bottom: 15px;color: #444;font-weight: 900;text-transform: uppercase;">{$date}</h6></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /HEADER -->
|
||||
|
||||
|
||||
<!-- BODY -->
|
||||
<table class="body-wrap" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
<td class="container" bgcolor="#FFFFFF" style="margin: 0 auto!important;padding: 0;font-family: Arial, sans-serif;font-size: 12px;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: 12px;max-width: 600px;display: block;">
|
||||
<table style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<p style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{$user_head}</p>
|
||||
<h4 style="margin: 0;padding: 0;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-size: 23px;line-height: 1.1;margin-bottom: 15px;color: #000;font-weight: 500;">{__ text="Potwierdzenie rezygnacji z listy subskrypcji"}</h4>
|
||||
|
||||
|
||||
<p style="text-align:left; font-size: 12px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{__ text="Została wysłana prośba o wypisanie Twojego adresu e-mail z listy subskrypcji. Jeżeli prośba nie została wysłana przez Ciebie lub chcesz pozostać na liście prosimy o zignorowanie tej wiadomości, w innym wypadku kliknij w poniższy link aby potwierdzić wypisanie się z listy subskrypcji:"}</p>
|
||||
|
||||
<!-- Callout Panel -->
|
||||
<p class="callout" style="text-align: center;margin: 0;padding: 15px;font-family: Arial, sans-serif;font-size: 12px;margin-bottom: 15px;font-weight: normal;line-height: 1.6;background-color: #{$bg_action_color};">
|
||||
<a href="{$confirmation_url}" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;color: #{$bg_action_link_color};font-weight: bold;">{__ text="Potwierdź rezygnację"}</a>
|
||||
</p><!-- /Callout Panel -->
|
||||
|
||||
|
||||
<!-- social & contact -->
|
||||
<table class="social" width="100%" style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;background-color: #{$bg_footer_color};width: 100%;">
|
||||
<tr style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;">{$user_foot}</td>
|
||||
</tr>
|
||||
</table><!-- /social & contact -->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div><!-- /content -->
|
||||
|
||||
</td>
|
||||
<td style="margin: 0;padding: 0;font-family: Arial, sans-serif;font-size: 12px;"></td>
|
||||
</tr>
|
||||
</table><!-- /BODY -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,3 @@
|
||||
{__ text="Została wysłana prośba o wypisanie Twojego adresu e-mail z listy subskrypcji. Jeżeli prośba nie została wysłana przez Ciebie lub chcesz pozostać na liście prosimy o zignorowanie tej wiadomości, w innym wypadku kliknij w poniższy link aby potwierdzić wypisanie się z listy subskrypcji:"}
|
||||
|
||||
{$confirmation_url}
|
||||
@@ -0,0 +1,28 @@
|
||||
{set layout="one_column_layout"}
|
||||
<div id="user_newsletter" class="box roundies">
|
||||
<div class="title">
|
||||
<h2>{__ text="Newsletter"}</h2>
|
||||
<p>{__ text="Potwierdzenie rezygnacji."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="padding: 10px 70px">
|
||||
|
||||
<div id="newsletter_user_form" class="box_form roundies">
|
||||
<h3>{__ text="Dane subskrypcji"}</h3>
|
||||
<div style="padding:25px;">
|
||||
|
||||
<p style="text-align:center;">{__ text="Adres został usunięty."}</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$email}</b></p>
|
||||
|
||||
<div class="buttons" style="display: table; margin: 0px auto;" >
|
||||
<a href="/" class="regular roundies">
|
||||
<span class="arrow_right">{__ text="Kontynuuj zakupy"}</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="clear"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div class="st_row vertical-align-middle gray_text">
|
||||
{$checkbox_newsletter}<span>{$newsletter_text}</span>
|
||||
</div>
|
||||
@@ -0,0 +1,70 @@
|
||||
{set layout="one_column_layout"}
|
||||
|
||||
<div id="st_application-newsletter-unsubscribe" class="box roundies" >
|
||||
|
||||
<div class="title">
|
||||
<h2>{__ text="Newsletter"}</h2>
|
||||
<p>
|
||||
{__ text="Prośba o wypisanie z listy"}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="padding: 10px 70px ">
|
||||
<form action="{$form.action}" method="post" >
|
||||
|
||||
<div id="newsletter_user_form" class="box_form roundies">
|
||||
<h3>{__ text="Dane subskrypcji"}</h3>
|
||||
<div style="padding:25px;">
|
||||
<fieldset>
|
||||
|
||||
<div id="email_field" class="st_row">
|
||||
{$form.errors.email}
|
||||
<div class="st_field">
|
||||
<label for="newsletter_email">{__ text="Adres e-mail"}</label>
|
||||
<input type="text" name="newsletter[email]" value="{$form.email}" id="newsletter_email" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="captcha_form" >
|
||||
|
||||
|
||||
|
||||
<div class="st_row">
|
||||
{$form.errors.captcha}
|
||||
<div style="margin-bottom: 2px;">
|
||||
{$form.captcha}
|
||||
</div>
|
||||
<div class="st_field">
|
||||
<label for="newsletter_captcha">{__ text="Cyfry z obrazka"}</label>
|
||||
<input type="text" name="newsletter[captcha]" id="newsletter_captcha" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
<div class="buttons right" style="margin-right:38px;">
|
||||
<button type="submit" class="regular roundies" >
|
||||
{__ text="Wyślij"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
$(document).ready(function() {
|
||||
$("label").inFieldLabels();
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,11 @@
|
||||
{set layout="one_column_layout"}
|
||||
|
||||
<div id="st_application-newsletter-index" class="box roundies" >
|
||||
<div class="title">
|
||||
<h2>{__ text="Newsletter"}</h2>
|
||||
<p>{__ text="Prośba o wypisanie z listy"}</p>
|
||||
</div>
|
||||
<div class="st_content">
|
||||
<p style="text-align: center">{$message}</p>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user