first commit
This commit is contained in:
@@ -0,0 +1,17 @@
|
||||
<div id="newsletter">
|
||||
<h5>{__ text="Newsletter"}</h5>
|
||||
<p>{__ text="Zapisz się na newsletter"}.</p>
|
||||
{$form_start}
|
||||
<div class="input-group">
|
||||
{$input_email}
|
||||
{$hidden_privacy}
|
||||
{$hidden_new_user}
|
||||
<span class="input-group-btn">
|
||||
{$submit_button}
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="content text-center">
|
||||
<div class="h5">{$register_text_widget_title}</div>
|
||||
<p>{$register_text_widget_description}</p>
|
||||
<a href="/newsletter" class="btn btn-primary">{__ text="Dołącz"}</a>
|
||||
</div>
|
||||
@@ -0,0 +1,91 @@
|
||||
{set layout="one_column"}
|
||||
<div id="user-newsletter">
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
<div class="panel-title text-center">{$register_text_title}</div>
|
||||
</div>
|
||||
<div class="panel-body text-center">
|
||||
<div class="newsletter-txt">{$register_text_description}</div>
|
||||
{$form_start}
|
||||
<div class="groups row">
|
||||
{if $newsletterGroup}
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<div class="col-xs-4">
|
||||
<div class="checkbox" >
|
||||
<label>
|
||||
{$news_group.input} {$news_group.name} <span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="top" title="{$news_group.description|strip_tags}"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
{if $update == 1}
|
||||
<div class="alert alert-success" role="alert">{__ text="Dane zostały zaktualizowane."}</div>
|
||||
{/if}
|
||||
<div class="form-group">
|
||||
{if $error_email!=""}<label class="control-label {if $error_email!=''}has-error{/if}" for="email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
<div class="checkbox text-left checkbox_privacy">
|
||||
<label class="{if $error_privacy==1}checkbox_error{/if} text-muted small">
|
||||
{$checkbox_privacy} {$terms_privacy_newsletter_text}
|
||||
</label>
|
||||
</div>
|
||||
{if isset($captcha_on)}
|
||||
<div class="captcha_form">
|
||||
<div id="captcha_form" class="row">
|
||||
{if $error_captcha!=""}
|
||||
<div class="col-xs-12 clearfix {if $error_captcha!=''}has-error{/if}">
|
||||
<div class="row">
|
||||
<label class="control-label col-xs-6 pull-right" for="captcha_img">{$error_captcha}</label>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="captcha-img col-xs-6">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
<div class="col-xs-6 form-group captcha-input">
|
||||
{$input_captcha}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<button type="submit" class="btn btn-primary" >
|
||||
{__ text="Dodaj adres"}
|
||||
</button>
|
||||
<div>
|
||||
{$register_text_under_register}
|
||||
</div>
|
||||
{$hidden_new_user}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
$('#user-newsletter .groups .checkbox .glyphicon').tooltip();
|
||||
|
||||
$('#st_form-user-privacy').click(function(){
|
||||
console.log("click");
|
||||
$("#captcha_form").toggle();
|
||||
});
|
||||
|
||||
if($('#st_form-user-privacy').attr('checked'))
|
||||
{
|
||||
$("#captcha_form").show()
|
||||
}else{
|
||||
$("#captcha_form").hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,44 @@
|
||||
<div id="st_application-newsletter-index" class="st_application" >
|
||||
|
||||
<div id="st_application-newsletter-index-header">
|
||||
<h1 class="st_title">{__ text="Newsletter"}</h1>
|
||||
<p>{__ text="Zapisz się na newsletter aby dostawać informacje ze sklepu."}</p>
|
||||
<br class="st_clear_all" />
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="width: 700px;">
|
||||
|
||||
<div style="width:500px; margin: 10px auto;">
|
||||
<p style="text-align:center;">{__ text="Dziękujemy za skorzystanie z naszego systemu powiadomień. Na adres"}:</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$email}</b></p>
|
||||
<p style="text-align:center;">{__ text="został wysłany mail z prośbą o potwierdzenie rejestracji."}</p>
|
||||
</div>
|
||||
|
||||
{if $choseGroup}
|
||||
<div style="width:500px; margin:0px auto;">
|
||||
<p style="text-align:center;">{__ text="Po potwierdzeniu rejestracji, na powyższy adres, będą wysyłane informacje z grup"}:</p>
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<div style="margin: 10px; text-align: justify;">
|
||||
<b>{$news_group.name}</b>{$news_group.description}
|
||||
</div>
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{/foreach}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div style="width:500px; margin: 10px auto;">
|
||||
|
||||
<div class="st_button st_align-right">
|
||||
<div class="st_button-left">
|
||||
{$button_back}
|
||||
</div>
|
||||
</div>
|
||||
<br class="st_clear_all" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,18 @@
|
||||
<div id="newsletter" class="st_frame_newsletter block">
|
||||
<div class="st_frame_newsletter_top">
|
||||
<div class="st_frame_newsletter_top_header">{$newsletter_header}</div>
|
||||
</div>
|
||||
<div class="st_frame_newsletter_middle">
|
||||
<div class="st_content">
|
||||
{$form_start}
|
||||
<div class="st_newsletter_box_input">
|
||||
<div class="st_newsletter_input">{$input_email}</div>
|
||||
<div class="st_newsletter_input_ok">{$submit_button}</div>
|
||||
</div>
|
||||
{$hidden_privacy}
|
||||
{$hidden_new_user}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="st_frame_newsletter_bottom"></div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<div id="st_application-newsletter-index" class="st_application" >
|
||||
|
||||
<div id="st_application-newsletter-index-header">
|
||||
<h1 class="st_title">{__ text="Newsletter"}</h1>
|
||||
<br class="st_clear_all" />
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="width: 700px;">
|
||||
<div style="width:500px; margin: 10px auto;">
|
||||
<p style="text-align:center;">{__ text="Dziękujemy za skorzystanie z naszego systemu powiadomień. Adres"}:</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$email}</b></p>
|
||||
<p style="text-align:center;">{__ text="został potwierdzony na liście subskrypcji."}</p>
|
||||
</div>
|
||||
|
||||
<div class="st_button" style="width:150px; margin-left:275px">
|
||||
<div class="st_button-left">
|
||||
{$button_back}
|
||||
</div>
|
||||
</div>
|
||||
<br class="st_clear_all" />
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,77 @@
|
||||
<div id="st_application-newsletter-index" class="st_application" >
|
||||
|
||||
<div id="st_application-newsletter-index-header">
|
||||
<h1 class="st_title">{__ text="Newsletter"}</h1>
|
||||
<p>{__ text="Zapisz się na newsletter aby dostawać informacje ze sklepu."}</p>
|
||||
<br class="st_clear_all" />
|
||||
</div>
|
||||
|
||||
<div class="st_content">
|
||||
{$form_start}
|
||||
<fieldset>
|
||||
<div class="st_row">
|
||||
{$label_email}
|
||||
{$error_email}
|
||||
<div class="st_field">
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
{$error_privacy}
|
||||
<div class="st_field" style="margin-left: 106px;">
|
||||
{$input_privacy}
|
||||
<span style="margin-left: 4px;">{$accept_privacy}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if $captcha_on == 1}
|
||||
<div class="st_row">
|
||||
{$error_captcha}
|
||||
<div style="margin-left:110px; margin-bottom: 2px;">{$view_captcha}</div>
|
||||
{$label_captcha}
|
||||
<div class="st_field">
|
||||
{$input_captcha}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</fieldset>
|
||||
|
||||
<div style="width:500px; margin:0px auto;">
|
||||
<br/>
|
||||
{if $newsletterGroup}
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<br/>
|
||||
<div>
|
||||
<div style="width:50px; float:left; padding-top:15px; padding-left:25px;">
|
||||
{$news_group.input}
|
||||
</div>
|
||||
|
||||
<div style="border-left: 1px dotted #ccc; margin-left: 65px; text-align: justify;">
|
||||
<b>{$news_group.name}</b>
|
||||
{$news_group.description}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<br/>
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
<div style="float: right; padding: 10px 0px;">
|
||||
{__ text="W każdym momencie możesz zrezygnować."}
|
||||
</div>
|
||||
<br class="st_clear_all" />
|
||||
<div id="st_button-user-remind" class="st_button-container">
|
||||
<div class="st_button st_align-right">
|
||||
<div class="st_button-left">
|
||||
{$submit_button}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,98 @@
|
||||
<div id="st_application-st_basket-index" class="st_application">
|
||||
<h1 class="st_title" style="height: 50px">
|
||||
<div id="st_user-tag">
|
||||
{$user_panel_icon}
|
||||
</div>
|
||||
{$my_account}
|
||||
<span>/</span>
|
||||
{__ text="Newsletter"}
|
||||
</h1>
|
||||
{$user_panel_menu}
|
||||
<div class="st_content" style="padding: 10px 100px">
|
||||
|
||||
{$form_start}
|
||||
<div style="width:500px; margin:0px auto;">
|
||||
{if $update == 1}
|
||||
<p style="color:#fff;text-align:center;background-color:#458B00;"><b>{__ text="Dane zostały zaktualizowane."}</b></p>
|
||||
{/if}
|
||||
|
||||
{if $new_user == 1}
|
||||
<p style="text-align:center;">{__ text="Zapisz się na newsletter aby dostawać informacje ze sklepu. Wybierz działy informacji z których chcesz otrzymywać wiadomości."}</p>
|
||||
{else}
|
||||
<p style="text-align:center;">{__ text="Wiadomości z list subskrypcji będą przychodziły na adres"}:</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$user_email}</b></p>
|
||||
<p style="text-align:center;">{__ text="Jeżeli chcą Państwo zmienić grupy powiadomień lub adres na który mają być wysyłane wiadomości proszę skorzystać z formularza poniżej."}</p>
|
||||
{/if}
|
||||
|
||||
<div style="margin-left: 60px;">
|
||||
<div class="st_row">
|
||||
{$label_email}
|
||||
{$error_email}
|
||||
<div class="st_field">
|
||||
{$input_email}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="st_row">
|
||||
{$error_privacy}
|
||||
<div class="st_field" style="margin-left: 106px;">
|
||||
{$input_privacy}
|
||||
<span style="margin-left: 4px;">{$accept_privacy}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br/>
|
||||
{if $newsletterGroup}
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<br/>
|
||||
<div>
|
||||
<div style="width:50px; float:left; padding-top:15px; padding-left:25px;">
|
||||
{$news_group.input}
|
||||
</div>
|
||||
|
||||
<div style="border-left: 1px dotted #ccc; margin-left: 65px; text-align: justify;">
|
||||
<b>{$news_group.name}</b>
|
||||
{$news_group.description}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<br/>
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
<div style="float: right; padding: 10px 0px;">
|
||||
{__ text="W każdym momencie możesz zrezygnować."}
|
||||
</div>
|
||||
<br class="st_clear_all" />
|
||||
<div id="st_button-user-newsletter-add" class="st_button-container" style="float:right">
|
||||
<div class="st_button st_align-right">
|
||||
<div class="st_button-left">
|
||||
{$submit_button}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if $new_user != 1}
|
||||
<div id="st_button-user-newsletter-remove" class="st_button-container" style="float:left">
|
||||
<div class="st_button st_align-left">
|
||||
<div class="st_button-left">
|
||||
{$newsletter_user}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<br class="st_clear_all" />
|
||||
</div>
|
||||
|
||||
{$hidden_new_user}
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,37 @@
|
||||
<html><body style="background-color:#fff; font-family:Helvetica,Verdana,Arial,sans-serif; line-height:18px; font-size:1em;"><div style="margin: 0px auto; background-color:#fff;"><br /><div style="width:700px; margin:0px auto;"><div style="background:url(http://{$host}/images/frontend/theme/default/mail/frame_mail_top.png?version=1); height:30px"></div><div style="min-height:400px; padding:0px 25px 0px 25px; text-align:justify; border-left:1px solid #d0d2d8; border-right:1px solid #d0d2d8;">
|
||||
|
||||
<div style="width:500px; margin: 0px auto;">
|
||||
<span style="font-size:12px;color:#404040;">{__ text="Dziękujemy za wykazanie zainteresowania ofertą naszego sklepu."}</span><br/><br/>
|
||||
<b>{$email}</b>
|
||||
<br/><br/>
|
||||
<span style="font-size:12px;color:#404040;">{__ 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."}</span><br/><br/>
|
||||
</div>
|
||||
|
||||
<div style="width:500px; margin: 0px auto;">
|
||||
<span style="font-size:12px;">{$confirm_link}</span>
|
||||
</div>
|
||||
<br/>
|
||||
{if $group}
|
||||
<div style="width:500px; margin:0px auto; font-size:12px; color:#404040;">
|
||||
{__ text="Po potwierdzeniu rejestracji, będą wysyłane informacje z następujących tematów"}:
|
||||
<br/><br/>
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{foreach key=row item=news_group from=$results}
|
||||
|
||||
<div style="margin: 10px; text-align: justify;">
|
||||
<b>{$news_group.name}</b>
|
||||
{$news_group.description}
|
||||
</div>
|
||||
|
||||
<div style="border-top: 1px solid #ddd;"></div>
|
||||
{/foreach}
|
||||
|
||||
</div>
|
||||
{/if}
|
||||
<br/>
|
||||
<div style="width:500px; margin: 0px auto;">
|
||||
<span style="font-size:10px; color:#404040;">{__ text="Jeżeli chcą Państwo zrezygnować z otrzymywania wiadomości proszę kliknąć w poniższy link."}</span><br/>
|
||||
<span style="font-size:10px; color:#fff;">{$unregister_link}</span>
|
||||
</div>
|
||||
|
||||
</div><div style="background:url(http://{$host}/images/frontend/theme/default/mail/frame_mail_bottom.png?version=1); height:30px"></div></div></div></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,9 @@
|
||||
<html><body style="background-color:#fff; font-family:Helvetica,Verdana,Arial,sans-serif; line-height:18px; font-size:12px;"><div style="margin: 0px auto; background-color:#fff;"><br /><div style="width:700px; margin:0px auto;"><div style="background:url(http://{$host}/images/frontend/theme/default/mail/frame_mail_top.png?version=1); height:30px"></div><div style="min-height:400px; padding:0px 25px 0px 25px; text-align:justify; border-left:1px solid #d0d2d8; border-right:1px solid #d0d2d8;">
|
||||
<p style="margin: 0; padding: 5px 0px">
|
||||
{__ 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>
|
||||
<p style="margin: 0; padding: 5px 0px">
|
||||
<a href="{$confirmation_url}">{$confirmation_url}</a>
|
||||
</p>
|
||||
|
||||
</div><div style="background:url(http://{$host}/images/frontend/theme/default/mail/frame_mail_bottom.png?version=1); height:30px"></div></div></div></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,27 @@
|
||||
<div id="st_application-newsletter-index" class="st_application" >
|
||||
|
||||
<div id="st_application-newsletter-index-header">
|
||||
<h1 class="st_title">{__ text="Newsletter"}</h1>
|
||||
|
||||
<br class="st_clear_all" />
|
||||
</div>
|
||||
|
||||
<div class="st_content" style="width: 700px; margin: 0px auto; padding-bottom: 10px;">
|
||||
<div style="width:500px; margin: 10px auto;">
|
||||
|
||||
<p style="text-align:center;">{__ text="Dziękujemy za skorzystanie z naszego systemu powiadomień. Adres"}:</p>
|
||||
<p style="text-align:center; font-size:14px;"><b>{$email}</b></p>
|
||||
<p style="text-align:center;">{__ text="został usunięty z listy subskrypcji."}</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="st_button" style="width:150px; margin-left:275px">
|
||||
<div class="st_button-left">
|
||||
{$button_back}
|
||||
</div>
|
||||
</div>
|
||||
<br class="st_clear_all" />
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,6 @@
|
||||
<div class="st_row">
|
||||
<div class="st_field" style="margin-left: 113px;">
|
||||
{$checkbox_newsletter}
|
||||
<span style="margin-left: 7px;">{$newsletter_text}</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="st_application" style="padding-bottom: 10px">
|
||||
<h1 class="st_title">{__ text="Newsletter - prośba o wypisanie z listy"}</h1>
|
||||
|
||||
<form action="{$form.action}" method="post" style="width: 172px; margin: 0 auto">
|
||||
<p>
|
||||
<label for="newsletter_email">{__ text="Adres e-mail"}</label><br />
|
||||
<input type="text" name="newsletter[email]" value="{$form.email}" id="newsletter_email" style="width: 164px" />
|
||||
{if $form.errors.email}
|
||||
<span style="color: red">{$form.errors.email}</span>
|
||||
{/if}
|
||||
</p>
|
||||
<p>{$form.captcha}</p>
|
||||
<p>
|
||||
<label for="newsletter_captcha">{__ text="Cyfry z obrazka"}</label><br />
|
||||
<input type="text" name="newsletter[captcha]" id="newsletter_captcha" style="width: 164px" />
|
||||
{if $form.errors.captcha}
|
||||
<span style="color: red">{$form.errors.captcha}</span>
|
||||
{/if}
|
||||
</p>
|
||||
<div id="st_button-user-remind" class="st_button-container">
|
||||
<div class="st_button st_align-right">
|
||||
<div class="st_button-left">
|
||||
<input type="submit" value="{__ text='Wyślij'}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="st_application" style="padding-bottom: 10px">
|
||||
<h1 class="st_title">{__ text="Newsletter - prośba o wypisanie z listy"}</h1>
|
||||
|
||||
<p style="text-align: center">{$message}</p>
|
||||
</div>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,28 @@
|
||||
{set layout="one_column"}
|
||||
<div id="newsletter-add-to-list">
|
||||
|
||||
<div class="title">
|
||||
<h1>{__ text="Newsletter"}</h1>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-body text-center">
|
||||
|
||||
<p >{__ text="Dziękujemy za zapisanie się na nasz newsletter."}</p>
|
||||
|
||||
<p>
|
||||
{__ text="Wystarczy jeszcze jeden krok, by dołączyć do naszego klubu."}
|
||||
</p>
|
||||
<p>
|
||||
{__ text="Na wskazany adres"} <b>{$email}</b> {__ text="wysłaliśmy wiadomość z prośbą o potwierdzenie adresu."}
|
||||
</p>
|
||||
<p>
|
||||
{__ text="Sprawdź pocztę i potwierdź subskrypcję."}
|
||||
</p>
|
||||
|
||||
|
||||
<a href="/" class="btn btn-primary"> {__ text="Kontynuuj zakupy"} </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div id="newsletter">
|
||||
<h5>{__ text="Newsletter"}</h5>
|
||||
{$form_start}
|
||||
<div class="input-group">
|
||||
{$input_email}
|
||||
{$hidden_privacy}
|
||||
{$hidden_new_user}
|
||||
<span class="input-group-btn">
|
||||
{$submit_button}
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="newsletter-confirm">
|
||||
|
||||
<div class="title">
|
||||
<h1>{__ text="Newsletter"}</h1>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-body text-center">
|
||||
|
||||
<p>{__ text="Dziękujemy za dołączenie do naszego klubu."}</p>
|
||||
|
||||
<p>{__ text="Twój adres"} <b>{$email}</b> {__ text="został potwierdzony."}</p>
|
||||
|
||||
|
||||
{if $register_message_on=="1" }
|
||||
<p style="text-align:center;">{__ text="Proszę sprawdzić skrzynkę przesłaliśmy na nią wiadomość."}</p>
|
||||
{/if}
|
||||
|
||||
<a href="/" class="btn btn-primary"> {__ text="Kontynuuj zakupy"} </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,142 @@
|
||||
{set layout="one_column"}
|
||||
<div id="user-newsletter">
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
{$register_text_title}
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="newsletter-txt">{$register_text_description}</div>
|
||||
{$form_start}
|
||||
{if $update == 1}
|
||||
<div class="alert alert-success" role="alert">{__ text="Dane zostały zaktualizowane."}</div>
|
||||
{/if}
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label class="{if $error_privacy==1}checkbox_error{/if}">
|
||||
{$checkbox_privacy}
|
||||
<div id="privacy_overlay">
|
||||
<div class="privacy_overlay_content"></div>
|
||||
</div>
|
||||
<div id="terms_overlay">
|
||||
<div class="terms_overlay_content"></div>
|
||||
</div>
|
||||
<div id="user_data_billing_privacy_content">
|
||||
{$terms_privacy_newsletter_text}
|
||||
</div>
|
||||
|
||||
|
||||
</label>
|
||||
</div>
|
||||
{if isset($captcha_on)}
|
||||
|
||||
{if $captcha_mod == "recaptcha3"}
|
||||
<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
|
||||
<div id="recaptcha-badge"></div>
|
||||
{/if}
|
||||
|
||||
{if $captcha_mod == "standart" || $badscore==1}
|
||||
<div id="captcha_form" class="row">
|
||||
{if $error_captcha!=""}
|
||||
<div class="col-xs-12 clearfix {if $error_captcha!=''}has-error{/if}">
|
||||
<div class="row">
|
||||
<label class="control-label col-xs-6 pull-right" for="captcha_img">{$error_captcha}</label>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="captcha-img col-xs-6">
|
||||
{$get_captcha}
|
||||
</div>
|
||||
<div class="col-xs-6 form-group captcha-input {if $error_captcha!=''}has-error{/if}">
|
||||
{$input_captcha}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
<br/>
|
||||
{if $newsletterGroup}
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
{$news_group.input} {$news_group.name}
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
{$news_group.description}
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
<div class="row">
|
||||
<button type="submit" class="btn btn-primary pull-right" >
|
||||
{__ text="Zapisz mnie na newsletter"}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{$hidden_new_user}
|
||||
</form>
|
||||
<div class="row">
|
||||
{$register_text_under_register}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if isset($captcha_on) && $captcha_mod == "recaptcha3" && $badscore!=1}
|
||||
{literal}
|
||||
<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function onRecaptchaLoadCallback() {
|
||||
var clientId = grecaptcha.render('recaptcha-badge', {
|
||||
'sitekey': '{/literal}{$re_captcha_key}{literal}',
|
||||
'badge': '{/literal}{$re_captcha_badge_position}{literal}',
|
||||
'size': 'invisible'
|
||||
});
|
||||
|
||||
grecaptcha.ready(function() {
|
||||
grecaptcha.execute(clientId, {
|
||||
action: 'user_create_account'
|
||||
})
|
||||
.then(function(token) {
|
||||
var recaptchaResponse = document.getElementById('recaptchaResponse');
|
||||
recaptchaResponse.value = token;
|
||||
});
|
||||
});
|
||||
|
||||
$("#recaptcha-badge").css("z-index",100000);
|
||||
$("#recaptcha-badge").css("position","relative");
|
||||
$(".grecaptcha-badge").css("margin-bottom",{/literal}{$re_captcha_badge_margin}{literal});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function ($)
|
||||
{
|
||||
$(document).ready(function()
|
||||
{
|
||||
|
||||
$('#st_form-user-privacy').click(function(){
|
||||
console.log("click");
|
||||
$("#captcha_form").toggle();
|
||||
});
|
||||
|
||||
if($('#st_form-user-privacy').attr('checked'))
|
||||
{
|
||||
$("#captcha_form").show()
|
||||
}else{
|
||||
$("#captcha_form").hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,89 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div class="user-control">
|
||||
{st_get_component module="stUserData" component="responsiveUserPanelMenu" active_tab="4"}
|
||||
|
||||
<div id="user-panel-newsletter">
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
{__ text="Subskrypcja"}
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
{$form_start}
|
||||
|
||||
{if $update == 1}
|
||||
{if $new_user != 1}
|
||||
<div class="alert alert-success" role="alert">
|
||||
{__ text="Dane zostały zaktualizowane."}
|
||||
</div>
|
||||
{else}
|
||||
<div class="alert alert-success" role="alert">
|
||||
{__ text="Pomyślnie usunięto z lity."}
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
|
||||
<div class="form-group {if $error_email!=''}has-error{/if}">
|
||||
{if $error_email!=""}<label class="control-label" for="email">{$error_email}</label>{/if}
|
||||
{$input_email}
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<label class="{if $error_privacy==1}checkbox_error{/if}">
|
||||
{$checkbox_privacy} {st_get_partial partial="stUser/privacy" privacy_only="true"}
|
||||
</label>
|
||||
</div>
|
||||
<br/>
|
||||
|
||||
{if $newsletterGroup}
|
||||
{foreach key=row item=news_group from=$results}
|
||||
<div class="checkbox">
|
||||
<label> {$news_group.input} {$news_group.name} </label>
|
||||
</div>
|
||||
<div>
|
||||
{$news_group.description}
|
||||
</div>
|
||||
{/foreach}
|
||||
{/if}
|
||||
|
||||
|
||||
{if $new_user != 1}
|
||||
|
||||
<button type="submit" class="btn btn-primary pull-right" >
|
||||
{__ text="Aktualizuj"}
|
||||
</button>
|
||||
{else}
|
||||
|
||||
<button type="submit" class="btn btn-primary pull-right" >
|
||||
{__ text="Zapisz mnie na newsletter"}
|
||||
</button>
|
||||
|
||||
{/if}
|
||||
|
||||
{$hidden_new_user}
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{literal}
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
$(document).ready(function() {
|
||||
|
||||
$( ".alert" ).addClass( "opacity_alert" );
|
||||
|
||||
setTimeout(function() {
|
||||
$( ".alert" ).addClass( "hidden_alert" );
|
||||
}, 3000);
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
{/literal}
|
||||
@@ -0,0 +1,317 @@
|
||||
<!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="text-align:center;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="Jeszcze jeden krok - potwierdź subskrypcję."}</h4>
|
||||
|
||||
|
||||
<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;">{__ text="Dziękujemy za zapisanie się na nasz newsletter."}</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: center; font-size: 12px;margin: 0;padding: 0;font-family: Arial, sans-serif;margin-bottom: 10px;font-weight: normal;line-height: 1.6;">{__ text="Wystarczy jeszcze jeden krok, by dołączyć do naszego klubu. Kliknij poniższy link i potwierdź subskrypcję."}</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 -->
|
||||
|
||||
|
||||
<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;">{__ text="Możesz wypisać się w dowolnym momencie."} <br>{$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,307 @@
|
||||
<!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;">{$register_message_title}</h4>
|
||||
|
||||
{$register_message_templates}
|
||||
|
||||
<!-- 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,23 @@
|
||||
{set layout="one_column"}
|
||||
{if $is_authenticated==1}
|
||||
{st_get_component module="stUserData" component="responsiveUserPanelMenu" active_tab="4"}
|
||||
{/if}
|
||||
|
||||
|
||||
<div id="newsletter-remove">
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
{__ text="Potwierdzenie rezygnacji."}
|
||||
</div>
|
||||
<div class="panel-body text-center">
|
||||
|
||||
<p>{__ text="Adres został usunięty."}</p>
|
||||
|
||||
<p><b>{$email}</b></p>
|
||||
|
||||
<a href="/" class="btn btn-primary"> {__ text="Kontynuuj zakupy"} </a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,7 @@
|
||||
{if $checkbox_newsletter!=""}
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
{$checkbox_newsletter} {$newsletter_text}
|
||||
</label>
|
||||
</div>
|
||||
{/if}
|
||||
@@ -0,0 +1,39 @@
|
||||
<div style="margin: 20px;">
|
||||
|
||||
{literal}
|
||||
<style>
|
||||
|
||||
|
||||
|
||||
#preview-message h1,
|
||||
#preview-message h2,
|
||||
#preview-message h3,
|
||||
#preview-message h4,
|
||||
#preview-message h5,
|
||||
#preview-message h6
|
||||
{
|
||||
margin-top: 10px!important;
|
||||
margin-bottom: 3px!important;
|
||||
|
||||
}
|
||||
|
||||
#preview-message ul, #preview-message li {
|
||||
list-style: inherit;
|
||||
}
|
||||
#preview-message ul{
|
||||
margin: 10px 20px;
|
||||
}
|
||||
|
||||
#preview-message table{
|
||||
background-color: unset !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
{/literal}
|
||||
|
||||
<div id="preview-message">
|
||||
{$content}
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,93 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="newsletter-unsubscribe" >
|
||||
|
||||
<div class="title">
|
||||
<h1>{__ text="Newsletter"}</h1>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
<div class="panel-heading">
|
||||
{__ text="Prośba o wypisanie z listy"}
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
|
||||
<form action="{$form.action}" method="post" >
|
||||
|
||||
<div class="form-group {if $form.errors.email!=''}has-error{/if}">
|
||||
{if $form.errors.email!=''}
|
||||
<label for="newsletter_email" class="control-label">{$form.errors.email}</label>
|
||||
{/if}
|
||||
<input type="text" name="newsletter[email]" value="{$form.email}" id="newsletter_email" class="form-control" maxlength="255" placeholder="{__ text='Adres e-mail'}" />
|
||||
</div>
|
||||
|
||||
{if isset($captcha_on)}
|
||||
|
||||
{if $captcha_mod == "recaptcha3"}
|
||||
<input type="hidden" name="recaptcha_response" id="recaptchaResponse">
|
||||
<div id="recaptcha-badge"></div>
|
||||
{/if}
|
||||
|
||||
{if $captcha_mod == "standart" || $badscore==1}
|
||||
<div id="captcha_form">
|
||||
<div class="form-group {if $form.errors.captcha!=''}has-error{/if}">
|
||||
|
||||
<div style="margin-bottom: 2px;">
|
||||
{$form.captcha}
|
||||
</div>
|
||||
|
||||
{if $form.errors.captcha!=''}
|
||||
<label for="captcha_img" class="control-label">{$form.errors.captcha}</label>
|
||||
{/if}
|
||||
|
||||
<input type="text" name="newsletter[captcha]" id="captcha_img" class="form-control" maxlength="255" placeholder="{__ text='Cyfry z obrazka'}" />
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{/if}
|
||||
{/if}
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary" >
|
||||
{__ text="Wyślij"}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if isset($captcha_on) && $captcha_mod == "recaptcha3" && $badscore!=1}
|
||||
{literal}
|
||||
<script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function onRecaptchaLoadCallback() {
|
||||
var clientId = grecaptcha.render('recaptcha-badge', {
|
||||
'sitekey': '{/literal}{$re_captcha_key}{literal}',
|
||||
'badge': '{/literal}{$re_captcha_badge_position}{literal}',
|
||||
'size': 'invisible'
|
||||
});
|
||||
|
||||
grecaptcha.ready(function() {
|
||||
grecaptcha.execute(clientId, {
|
||||
action: 'user_create_account'
|
||||
})
|
||||
.then(function(token) {
|
||||
var recaptchaResponse = document.getElementById('recaptchaResponse');
|
||||
recaptchaResponse.value = token;
|
||||
});
|
||||
});
|
||||
|
||||
$("#recaptcha-badge").css("z-index",100000);
|
||||
$("#recaptcha-badge").css("position","relative");
|
||||
$(".grecaptcha-badge").css("margin-bottom",{/literal}{$re_captcha_badge_margin}{literal});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
{/literal}
|
||||
{/if}
|
||||
@@ -0,0 +1,22 @@
|
||||
{set layout="one_column"}
|
||||
|
||||
<div id="newsletter-unsubscribe-confirm" >
|
||||
|
||||
<div class="title">
|
||||
<h1>{__ text="Newsletter"}</h1>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default center-block">
|
||||
|
||||
<div class="panel-heading">
|
||||
{__ text="Prośba o wypisanie z listy"}
|
||||
</div>
|
||||
|
||||
<div class="panel-body text-center">
|
||||
<p>{$message}</p>
|
||||
<a href="/" class="btn btn-primary"> {__ text="Kontynuuj zakupy"} </a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,16 @@
|
||||
<div id="newsletter">
|
||||
<div class="text">
|
||||
<div class="h5">{$register_text_widget_title}</div>
|
||||
<div>{$register_text_widget_description}</div>
|
||||
</div>
|
||||
{$form_start}
|
||||
<div class="input-group">
|
||||
{$input_email}
|
||||
{$hidden_privacy}
|
||||
{$hidden_new_user}
|
||||
<span class="input-group-btn">
|
||||
{$submit_button}
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
Reference in New Issue
Block a user