Merge branch 'master' of git://github.com/thelia/thelia into french_translation
* 'master' of git://github.com/thelia/thelia: fix typo Implemented mail messages templates and layouts Email template + test email
This commit is contained in:
@@ -42,6 +42,11 @@ label {
|
||||
}
|
||||
}
|
||||
|
||||
// Textarea in fixed fonts
|
||||
textarea.fixedfont {
|
||||
font-family: @font-family-monospace;
|
||||
}
|
||||
|
||||
// FORM FIELD FEEDBACK STATES
|
||||
// --------------------------
|
||||
|
||||
@@ -73,10 +78,10 @@ form .info {
|
||||
|
||||
.search-query {
|
||||
outline: none;
|
||||
.rounded(0px);
|
||||
.rounded(0px);
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -55,8 +55,10 @@
|
||||
|
||||
{form_field form=$form field='name'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label} : </label>
|
||||
<input type="text" id="{$label_attr.for}" required="required" name="{$name}" value="{$value}" title="{intl l='Variable name'}" placeholder="{intl l='Variable name'}" class="form-control">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} :
|
||||
<span class="label-help-block">{intl l="This the unique name of this message. Do not change this value unless you understand what you do."}</span>
|
||||
</label>
|
||||
<input type="text" id="{$label_attr.for}" {if $required}required="required"{/if} name="{$name}" value="{$value}" title="{intl l='Variable name'}" placeholder="{intl l='Variable name'}" class="form-control">
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
@@ -71,40 +73,126 @@
|
||||
|
||||
{form_field form=$form field='title'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label} : </label>
|
||||
<input type="text" id="{$label_attr.for}" name="{$name}" required="required" title="{intl l='Title'}" placeholder="{intl l='Title'}" class="form-control" value="{$value}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} :
|
||||
<span class="label-help-block">{intl l="This is the message purpose, such as 'Order confirmation'."}</span>
|
||||
</label>
|
||||
<input type="text" id="{$label_attr.for}" name="{$name}" {if $required}{if $required}required="required"{/if}{/if} title="{intl l='Title'}" placeholder="{intl l='Title'}" class="form-control" value="{$value}">
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='subject'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label} : </label>
|
||||
<input type="text" id="{$label_attr.for}" name="{$name}" required="required" title="{intl l='Subject'}" placeholder="{intl l='Subject'}" class="form-control" value="{$value}">
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='html_message'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">
|
||||
{$label} :
|
||||
<span class="label-help-block">{intl l="The mailing template in HTML format."}</span>
|
||||
</label>
|
||||
<textarea name="{$name}" id="{$label_attr.for}" rows="10" class="form-control">{$value}</textarea>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='text_message'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">
|
||||
{$label} :
|
||||
<span class="label-help-block">{intl l="The mailing template in text-only format."}</span>
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} :
|
||||
<span class="label-help-block">{intl l="This is the subject of the e-mail, such as 'Your order is confirmed'."}</span>
|
||||
</label>
|
||||
<textarea name="{$name}" id="{$label_attr.for}" rows="10" class="form-control">{$value}</textarea>
|
||||
</div>
|
||||
<input type="text" id="{$label_attr.for}" name="{$name}" {if $required}required="required"{/if} title="{intl l='Subject'}" placeholder="{intl l='Subject'}" class="form-control" value="{$value}">
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><h3 class="panel-title">{intl l="HTML version of this message"}</h3></div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
{form_field form=$form field='html_layout_file_name'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} : </label>
|
||||
<select id="{$label_attr.for}" name="{$name}" {if $required}required="required"{/if} title="{$label}" class="form-control">
|
||||
<option value="">{intl l='Use default layout'}</option>
|
||||
{foreach $layout_list as $layout}
|
||||
<option value="{$layout}" {if $layout == $value}selected="selected"{/if}>{$layout}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
{/form_field}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{form_field form=$form field='html_template_file_name'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} : </label>
|
||||
<select data-toggle-textarea="html-message-content" id="{$label_attr.for}" name="{$name}" {if $required}required="required"{/if} title="{$label}" class="textarea-toggle form-control">
|
||||
<option value="">{intl l='Use HTML message defined below'}</option>
|
||||
{foreach $html_template_list as $template}
|
||||
<option value="{$template}" {if $template == $value}selected="selected"{/if}>{$template}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
{if ! empty($value)}{$disable_html='readonly="true"'}{/if}
|
||||
{/form_field}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{form_field form=$form field='html_message'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="html-message-content" class="control-label">
|
||||
{$label}{if $required} <span class="required">*</span>{/if} :
|
||||
<span class="label-help-block">{intl l="The mailing template in HTML format."}</span>
|
||||
</label>
|
||||
<textarea {$disable_html} {if $required}required="required"{/if} name="{$name}" id="html-message-content" rows="10" class="fixedfont form-control">{$value}</textarea>
|
||||
</div>
|
||||
{/form_field}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading"><h3 class="panel-title">{intl l="Text version of this message"}</h3></div>
|
||||
|
||||
<div class="panel-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
{form_field form=$form field='text_layout_file_name'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} : </label>
|
||||
<select id="{$label_attr.for}" name="{$name}" {if $required}required="required"{/if} title="{$label}" class="form-control">
|
||||
<option value="">{intl l='Use default layout'}</option>
|
||||
{foreach $layout_list as $layout}
|
||||
<option value="{$layout}" {if $layout == $value}selected="selected"{/if}>{$layout}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
{/form_field}
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
{form_field form=$form field='text_template_file_name'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} : </label>
|
||||
<select data-toggle-textarea="text-message-content" id="{$label_attr.for}" name="{$name}" {if $required}required="required"{/if} title="{$label}" class="textarea-toggle form-control">
|
||||
<option value="">{intl l='Use Text message defined below'}</option>
|
||||
{foreach $text_template_list as $template}
|
||||
<option value="{$template}" {if $template == $value}selected="selected"{/if}>{$template}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
{if ! empty($value)}{$disable_text='readonly="true"'}{/if}
|
||||
{/form_field}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{form_field form=$form field='text_message'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="text-message-content" class="control-label">
|
||||
{$label}{if $required} <span class="required">*</span>{/if} :
|
||||
<span class="label-help-block">{intl l="The mailing template in text-only format."}</span>
|
||||
</label>
|
||||
<textarea {$disable_text} id="text-message-content" {if $required}required="required"{/if} name="{$name}" rows="10" class="fixedfont form-control">{$value}</textarea>
|
||||
</div>
|
||||
{/form_field}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<p>{intl l='Message created on %date_create. Last modification: %date_change' date_create="{format_date date=$CREATE_DATE}" date_change="{format_date date=$UPDATE_DATE}"}}</p>
|
||||
<p>{intl l='Message created on %date_create. Last modification: %date_change' date_create="{format_date date=$CREATE_DATE}" date_change="{format_date date=$UPDATE_DATE}"}</p>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
@@ -129,4 +217,20 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
{/block}
|
||||
|
||||
{block name="javascript-initialization"}
|
||||
<script>
|
||||
(function($) {
|
||||
$('select.textarea-toggle').change(function(ev) {
|
||||
if ($(this).val() != '') {
|
||||
$('#' + $(this).data('toggle-textarea')).addClass("disabled").prop('readonly', true);
|
||||
}
|
||||
else {
|
||||
$('#' + $(this).data('toggle-textarea')).removeClass('disabled').prop('readonly', false);
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
</script>
|
||||
{/block}
|
||||
|
||||
@@ -127,14 +127,14 @@
|
||||
|
||||
{form_field form=$form field='name'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label} : </label>
|
||||
<input type="text" id="{$label_attr.for}" required="required" name="{$name}" value="{$value}" title="{intl l='Mailing template name'}" placeholder="{intl l='Mailing template name'}" class="form-control">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} : </label>
|
||||
<input type="text" id="{$label_attr.for}" {if $required}required="required"{/if} name="{$name}" value="{$value}" title="{intl l='Mailing template name'}" placeholder="{intl l='Mailing template name'}" class="form-control">
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='title'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label} : </label>
|
||||
<label for="{$label_attr.for}" class="control-label">{$label}{if $required} <span class="required">*</span>{/if} : </label>
|
||||
|
||||
{loop type="lang" name="default-lang" default_only="1"}
|
||||
|
||||
@@ -142,7 +142,7 @@
|
||||
<input type="hidden" name="edit_language_id" value="{$ID}" />
|
||||
|
||||
<div class="input-group">
|
||||
<input type="text" id="{$label_attr.for}" required="required" name="{$name}" value="{$value}" title="{intl l='Mailing template purpose'}" placeholder="{intl l='Mailing template purpose'}" class="form-control">
|
||||
<input type="text" id="{$label_attr.for}" {if $required}required="required"{/if} name="{$name}" value="{$value}" title="{intl l='Mailing template purpose'}" placeholder="{intl l='Mailing template purpose'}" class="form-control">
|
||||
<span class="input-group-addon"><img src="{image file="assets/img/flags/{$CODE}.gif"}" alt="{intl l=$TITLE}" /></span>
|
||||
</div>
|
||||
|
||||
|
||||
71
templates/email/default/README
Normal file
71
templates/email/default/README
Normal file
@@ -0,0 +1,71 @@
|
||||
About mail layout and templates
|
||||
-------------------------------
|
||||
|
||||
Layouts
|
||||
-------
|
||||
|
||||
Mail layouts are used to provide a layout to all or some of the e-mails sent by
|
||||
the Thelia core or the modules.
|
||||
|
||||
The layouts should have the 'tpl' extension, and should use {$message_body} as the
|
||||
placeholder of the final message content.
|
||||
|
||||
For example, a minimal layout is :
|
||||
|
||||
{$message_body}
|
||||
|
||||
There are no specific limitations in the content of the layout. For exemple, you
|
||||
can forecast inheritance, using a block :
|
||||
|
||||
{block name='message-body'}{$message_body nofilter}{/block}
|
||||
|
||||
(In fact, this is the content of the default HTML layout, default-html-layout.tpl)
|
||||
|
||||
This way, you can extends the layout in message templates :
|
||||
|
||||
{block name='message-body'}
|
||||
|
||||
Here is the template content
|
||||
|
||||
{/block}
|
||||
|
||||
|
||||
Templates
|
||||
---------
|
||||
|
||||
A Template contains the body of a specific message. It can be used It may extends a layout, but
|
||||
in this case, you SHOULD NOT select this layout as the message layout in the back office.
|
||||
|
||||
HTML templates SHOULD have the 'html' extension to be displayed in the "Name of
|
||||
the HTML template file" menu in the back-office.
|
||||
|
||||
TEXT templates SHOULD have the 'text' extension to be displayed in the "Name of
|
||||
the text template file" menu in the back-office.
|
||||
|
||||
|
||||
What you can do with this stuff ?
|
||||
---------------------------------
|
||||
|
||||
For a specific message, you can :
|
||||
|
||||
Not use templates or layouts, and rely on HTML and TEXT entered in the back-
|
||||
office.
|
||||
|
||||
Use only layouts, to define a common look and feel to your mails. These layouts
|
||||
are be populated (through {$message_body}) with HTML or TEXT entered in the back-
|
||||
office.
|
||||
|
||||
Use only templates, without layouts, to define message content. In this case,
|
||||
HTML or TEXT entered in the back-office is ignored.
|
||||
|
||||
Use layouts and templates, without inheritance. This way, layouts are populated
|
||||
(through {$message_body}) with HTML or TEXT found in the message templates.
|
||||
HTML or TEXT entered in the back-office is ignored.
|
||||
|
||||
Use templates which inherit from a layout. In the layout, {$message_body}
|
||||
(if present) is then ignored, and the classic Smarty bock-based inheritance
|
||||
is used.
|
||||
Be sure in this case to not define an extended layout as ther message layout,
|
||||
or unexpected results may be generated (probably repeated layout content)
|
||||
|
||||
Enjoy.
|
||||
10
templates/email/default/default-html-layout.tpl
Normal file
10
templates/email/default/default-html-layout.tpl
Normal file
@@ -0,0 +1,10 @@
|
||||
{*
|
||||
This is the default HTML mail layout. Use {$message_body} as a placeholder for
|
||||
the HTML message defined in the 'HTML Message' field in the back-office, or the
|
||||
content of the selected template in the back-office.
|
||||
|
||||
Be sure to use the nofilter modifier, to prevent HTML escaping.
|
||||
|
||||
DO NOT DELETE THIS FILE, some plugins may use it.
|
||||
*}
|
||||
{block name='message-body'}{$message_body nofilter}{/block}
|
||||
10
templates/email/default/default-text-layout.tpl
Normal file
10
templates/email/default/default-text-layout.tpl
Normal file
@@ -0,0 +1,10 @@
|
||||
{*
|
||||
This is the default TEXT mail layout. Use {$message_body} as a placeholder for
|
||||
the text message defined in the 'TEXT Message' field in the back-office, or the
|
||||
content of the selected template in the back-office.
|
||||
|
||||
Be sure to use the nofilter modifier, to prevent HTML escaping.
|
||||
|
||||
DO NOT DELETE THIS FILE, some plugins may use it.
|
||||
*}
|
||||
{block name='message-body'}{$message_body nofilter}{/block}
|
||||
107
templates/email/default/order_confirmation.html
Normal file
107
templates/email/default/order_confirmation.html
Normal file
@@ -0,0 +1,107 @@
|
||||
{loop name="order.invoice" type="order" id=$order_id customer="*"}
|
||||
{loop name="currency.order" type="currency" id=$CURRENCY}
|
||||
{assign "orderCurrency" $SYMBOL}
|
||||
{/loop}
|
||||
{loop type="customer" name="customer.invoice" id=$CUSTOMER current="0"}
|
||||
{assign var="customer_ref" value=$REF}
|
||||
{/loop}
|
||||
<!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" dir="ltr" lang="fr">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<title>courriel de confirmation de commande de {config key="url_site"} </title>
|
||||
{literal}
|
||||
<style type="text/css">body {font-family: Arial, Helvetica, sans-serif; font-size:100%; text-align:center;}#liencompte {margin:15px 0 ; text-align:center; font-size:10pt;}#wrapper {width:480pt;margin:0 auto;}#entete {padding-bottom:20px;margin-bottom:10px;border-bottom:1px dotted #000;}#logotexte {float:left;width:180pt;height:75pt;border:1pt solid #000;font-size:18pt;text-align:center;}#logoimg{float:left;}#h2 {margin:0;padding:0;font-size:140%;text-align:center;}#h3 {margin:0;padding:0;font-size:120%;text-align:center;}#tableprix {margin:0 auto;border-collapse:collapse;font-size:80%;}#intitules {font-weight:bold;text-align:center;}#ref {width:65pt;border:1px solid #000;}#designation {width:278pt;border:1px solid #000;}#pu {width:65pt;border:1px solid #000;}#qte {width:60pt;border:1px solid #000;}.ligneproduit{font-weight:normal;}.cellref{text-align:right;padding-right:6pt;border:1px solid #000;}.celldsg{text-align:left;padding-left:6pt;border:1px solid #000;}.cellpu{text-align:right;padding-right:6pt;border:1px solid #000;}.cellqte{text-align:right;padding-right:6pt;border:1px solid #000;}.lignevide{border-bottom:1px solid #000;}.totauxtitre{text-align:right;padding-right:6pt;border-left:1px solid #000;}.totauxcmdtitre{text-align:right;padding-right:6pt;border-left:1px solid #000;border-bottom:1px solid #000;}.totauxprix{text-align:right;padding-right:6pt;border:1px solid #000;}.blocadresses{display:inline;float:left;width:228pt;margin:12pt 4pt 12pt 5pt;font-size:80%;line-height:18pt;text-align:left;border:1px solid #000;}.stylenom{margin:0;padding:0 0 0 10pt;border-bottom:1px solid #000;}.styleliste{margin:0;padding:0 0 0 10pt;}</style>
|
||||
{/literal}
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="entete"><h1 id="logotexte">{config key="company_name"}</h1>
|
||||
<h2 id="info">Confirmation de commande</h2>
|
||||
<h3 id="commande">N° {$REF} du <span style="font-size:80%">{format_date date=$INVOICE_DATE output="date"}</span></h3>
|
||||
</div>
|
||||
<table id="tableprix" border="0">
|
||||
<tbody>
|
||||
<tr id="intitules">
|
||||
<th id="ref">Référence</th>
|
||||
<th id="designation">Désignation</th>
|
||||
<th id="pu">P.U. €</th>
|
||||
<th id="qte">Qté</th>
|
||||
</tr>
|
||||
{loop type="order_product" name="order-products" order=$ID}
|
||||
{if $WAS_IN_PROMO == 1}
|
||||
{assign "realPrice" $PROMO_PRICE}
|
||||
{assign "realTax" $PROMO_PRICE_TAX}
|
||||
{assign "realTaxedPrice" $TAXED_PROMO_PRICE}
|
||||
{else}
|
||||
{assign "realPrice" $PRICE}
|
||||
{assign "realTax" $PRICE_TAX}
|
||||
{assign "realTaxedPrice" $TAXED_PRICE}
|
||||
{/if}
|
||||
<tr class="ligneproduit">
|
||||
<td class="cellref">{$REF}</td>
|
||||
<td class="celldsg">{$TITLE}
|
||||
{ifloop rel="combinations"}
|
||||
{loop type="order_product_attribute_combination" name="combinations" order_product=$ID}
|
||||
{$ATTRIBUTE_TITLE} - {$ATTRIBUTE_AVAILABILITY_TITLE}<br>
|
||||
{/loop}
|
||||
{/ifloop}
|
||||
</td>
|
||||
<td class="cellpu">{$orderCurrency} {$realTaxedPrice}</td>
|
||||
<td class="cellqte">{$QUANTITY}</td>
|
||||
</tr>
|
||||
{/loop}
|
||||
<!-- insere une ligne vide -->
|
||||
<tr class="ligneproduit">
|
||||
<td class="lignevide" colspan="4"> </td>
|
||||
</tr>
|
||||
<tr class="ligneproduit">
|
||||
<td class="totauxtitre" colspan="3">Montant total avant remise €</td>
|
||||
<td class="totauxprix">{$orderCurrency} {$TOTAL_TAXED_AMOUNT - $POSTAGE}</td>
|
||||
</tr>
|
||||
<tr class="ligneproduit">
|
||||
<td class="totauxtitre" colspan="3">Port €</td>
|
||||
<td class="totauxprix">{$orderCurrency} {$POSTAGE}</td>
|
||||
</tr>
|
||||
<tr class="ligneproduit">
|
||||
<td class="totauxcmdtitre" colspan="3">Montant total de la commande €</td>
|
||||
<td class="totauxprix">{$orderCurrency} {$TOTAL_TAXED_AMOUNT}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="blocadresses">
|
||||
<p class="stylenom">LIVRAISON : {loop name="delivery-module" type="module" id=$DELIVERY_MODULE}{$TITLE}{/loop}</p>
|
||||
{loop type="order_address" name="delivery_address" id=$INVOICE_ADDRESS}
|
||||
<p class="styleliste">N° de client : {$customer_ref}</p>
|
||||
<p class="styleliste">Nom :
|
||||
{loop type="title" name="order-invoice-address-title" id=$TITLE}{$LONG}{/loop} {$FIRSTNAME} {$LASTNAME}</p>
|
||||
<p class="styleliste">N° et rue :
|
||||
{$ADDRESS1}</p>
|
||||
<p class="styleliste">Complément : {$ADDRESS2}
|
||||
{$ADDRESS3}</p>
|
||||
<p class="styleliste">Code postal : {$ZIPCODE}</p>
|
||||
<p class="styleliste">Ville : {$CITY}</p>
|
||||
<p class="styleliste">Pays : {loop type="country" name="country_delivery" id=$COUNTRY}{$TITLE}{/loop}</p>
|
||||
</div>
|
||||
{/loop}
|
||||
<div class="blocadresses">
|
||||
<p class="stylenom">FACTURATION : paiement par {loop name="payment-module" type="module" id=$PAYMENT_MODULE}{$TITLE}{/loop}</p>
|
||||
{loop type="order_address" name="delivery_address" id=$DELIVERY_ADDRESS}
|
||||
<p class="styleliste">N° de client : {$customer_ref}</p>
|
||||
<p class="styleliste">Nom :
|
||||
{loop type="title" name="order-invoice-address-title" id=$TITLE}{$LONG}{/loop} {$FIRSTNAME} {$LASTNAME}</p>
|
||||
<p class="styleliste">N° et rue :
|
||||
{$ADDRESS1}</p>
|
||||
<p class="styleliste">Complément : {$ADDRESS2}
|
||||
{$ADDRESS3}</p>
|
||||
<p class="styleliste">Code postal : {$ZIPCODE}</p>
|
||||
<p class="styleliste">Ville : {$CITY}</p>
|
||||
<p class="styleliste">Pays : {loop type="country" name="country_delivery" id=$COUNTRY}{$TITLE}{/loop}</p>
|
||||
</div>
|
||||
{/loop}
|
||||
<p id="liencompte">Le suivi de votre commande est disponible dans la rubrique mon compte sur <a href="{config key="url_site"}">{config key="url_site"}</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{/loop}
|
||||
40
templates/email/default/order_confirmation.txt
Normal file
40
templates/email/default/order_confirmation.txt
Normal file
@@ -0,0 +1,40 @@
|
||||
{assign var="order_id" value=1}
|
||||
{loop name="order.invoice" type="order" id=$order_id customer="*"}
|
||||
{loop name="currency.order" type="currency" id=$CURRENCY}
|
||||
{assign "orderCurrency" $CODE}
|
||||
{/loop}
|
||||
{loop type="order_address" name="delivery_address" id=$INVOICE_ADDRESS}
|
||||
{loop type="title" name="order-invoice-address-title" id=$TITLE}{$LONG}{/loop}{$FIRSTNAME} {$LASTNAME}\r\n
|
||||
{$ADDRESS1} {$ADDRESS2} {$ADDRESS3}\r\n
|
||||
{$ZIPCODE} {$CITY}\r\n
|
||||
{loop type="country" name="country_delivery" id=$COUNTRY}{$TITLE}{/loop}\r\n
|
||||
{/loop}
|
||||
Confirmation de commande {$REF} du {format_date date=$INVOICE_DATE}\r\n\r\n
|
||||
Les articles commandés:\r\n
|
||||
{loop type="order_product" name="order-products" order=$ID}
|
||||
{if $WAS_IN_PROMO == 1}
|
||||
{assign "realPrice" $PROMO_PRICE}
|
||||
{assign "realTax" $PROMO_PRICE_TAX}
|
||||
{assign "realTaxedPrice" $TAXED_PROMO_PRICE}
|
||||
{else}
|
||||
{assign "realPrice" $PRICE}
|
||||
{assign "realTax" $PRICE_TAX}
|
||||
{assign "realTaxedPrice" $TAXED_PRICE}
|
||||
{/if}
|
||||
\r\n
|
||||
Article : {$TITLE}
|
||||
{ifloop rel="combinations"}
|
||||
{loop type="order_product_attribute_combination" name="combinations" order_product=$ID}
|
||||
{$ATTRIBUTE_TITLE} - {$ATTRIBUTE_AVAILABILITY_TITLE}\r\n
|
||||
{/loop}
|
||||
{/ifloop}\r\n
|
||||
Quantité : {$QUANTITY}\r\n
|
||||
Prix unitaire TTC : {$realTaxedPrice} {$orderCurrency}\r\n
|
||||
{/loop}
|
||||
\r\n-----------------------------------------\r\n
|
||||
Montant total TTC : {$TOTAL_TAXED_AMOUNT - $POSTAGE} {$orderCurrency} \r\n
|
||||
Frais de port TTC : {$POSTAGE} {$orderCurrency} \r\n
|
||||
Somme totale: {$TOTAL_TAXED_AMOUNT} {$orderCurrency} \r\n
|
||||
==================================\r\n\r\n
|
||||
Votre facture est disponible dans la rubrique mon compte sur {config key="url_site"}
|
||||
{/loop}
|
||||
BIN
templates/frontOffice/default/assets/img/email/header.jpg
Normal file
BIN
templates/frontOffice/default/assets/img/email/header.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 73 KiB |
BIN
templates/frontOffice/default/assets/img/email/logo.gif
Normal file
BIN
templates/frontOffice/default/assets/img/email/logo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
123
templates/frontOffice/default/email/order.html
Normal file
123
templates/frontOffice/default/email/order.html
Normal file
@@ -0,0 +1,123 @@
|
||||
{extends file="email/template.tpl"}
|
||||
|
||||
{* Open in browser *}
|
||||
{block name="email-browsers"}{/block}
|
||||
|
||||
{* Subject *}
|
||||
{block name="email-subject"}Your order confirmation Nº __ORDER_REF__{/block}
|
||||
|
||||
{* Title *}
|
||||
{block name="email-title"}Thank you for your order!{/block}
|
||||
|
||||
{* Content *}
|
||||
{block name="email-content"}
|
||||
|
||||
{assign var="orderId" value="1"}
|
||||
|
||||
{loop name="order.invoice" type="order" id=$orderId customer="*"}
|
||||
{loop name="currency.order" type="currency" id=$CURRENCY}
|
||||
{assign "orderCurrencySymbol" $SYMBOL}
|
||||
{assign var="orderCurrencyIsoCode" value=$ISOCODE}
|
||||
{/loop}
|
||||
{loop type="customer" name="customer.invoice" id=$CUSTOMER current="0"}
|
||||
{assign var="customerRef" value=$REF}
|
||||
{/loop}
|
||||
|
||||
Here are the details of your purchase:<br /><br />
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td valign="top" width="55%">
|
||||
<strong>Delivery address:</strong><br>
|
||||
{loop type="order_address" name="delivery_address" id=$DELIVERY_ADDRESS}
|
||||
{$FIRSTNAME} {$LASTNAME}<br />
|
||||
{$ADDRESS1}<br>
|
||||
{if $ADDRESS2 != ""}{$ADDRESS2}<br />{/if}
|
||||
{if $ADDRESS3 != ""}{$ADDRESS3}<br />{/if}
|
||||
{$CITY}<br />
|
||||
{$ZIPCODE}, {loop type="country" name="country_delivery" id=$COUNTRY}{$TITLE}{/loop}<br />
|
||||
{/loop}
|
||||
</td>
|
||||
<td valign="top">
|
||||
<strong>Billing address:</strong><br />
|
||||
{loop type="order_address" name="invoice_address" id=$INVOICE_ADDRESS}
|
||||
{$FIRSTNAME} {$LASTNAME}<br />
|
||||
{$ADDRESS1}<br>
|
||||
{if $ADDRESS2 != ""}{$ADDRESS2}<br />{/if}
|
||||
{if $ADDRESS3 != ""}{$ADDRESS3}<br />{/if}
|
||||
{$CITY}<br />
|
||||
{$ZIPCODE}, {loop type="country" name="country_delivery" id=$COUNTRY}{$TITLE}{/loop}<br />
|
||||
{/loop}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<br />
|
||||
|
||||
<p>
|
||||
Order Total: {$TOTAL_TAXED_AMOUNT} {$orderCurrencySymbol} <span style="font-size:90%;color:#777">{$orderCurrencyIsoCode}</span><br />
|
||||
Order Number: {$REF}<br />
|
||||
Paid With: {loop name="payment-module" type="module" id=$PAYMENT_MODULE}{$TITLE}{/loop}<br />
|
||||
Purchase Date: {format_date date=$CREATE_DATE output="date"}<br />
|
||||
Delivery method: {loop name="delivery-module" type="module" id=$DELIVERY_MODULE}{$TITLE}{/loop}<br />
|
||||
</p>
|
||||
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="font-size:13px;line-height:2em">
|
||||
<tr style="color:#999;font-size:11px">
|
||||
<td style="color:#999;border-bottom:1px solid #000">What You Purchased</td>
|
||||
<td align="right" style="color:#999;border-bottom:1px solid #000">Price in {$orderCurrencyIsoCode}</td>
|
||||
</tr>
|
||||
{loop type="order_product" name="order-products" order=$ID}
|
||||
{if $WAS_IN_PROMO == 1}
|
||||
{assign "realPrice" $PROMO_PRICE}
|
||||
{assign "realTax" $PROMO_PRICE_TAX}
|
||||
{assign "realTaxedPrice" $TAXED_PROMO_PRICE}
|
||||
{else}
|
||||
{assign "realPrice" $PRICE}
|
||||
{assign "realTax" $PRICE_TAX}
|
||||
{assign "realTaxedPrice" $TAXED_PRICE}
|
||||
{/if}
|
||||
<tr>
|
||||
<td style="border-bottom:1px solid #000">
|
||||
<b>{$TITLE}</b> <i>({$REF})</i>
|
||||
{ifloop rel="combinations"}<br />
|
||||
{loop type="order_product_attribute_combination" name="combinations" order_product=$ID}
|
||||
<span style="color:#999;display:block;font-size:11px;line-height:1.2">* {$ATTRIBUTE_TITLE}: {$ATTRIBUTE_AVAILABILITY_TITLE}</span>
|
||||
{/loop}
|
||||
{/ifloop}
|
||||
</td>
|
||||
<td align="right" style="border-bottom:1px solid #000">
|
||||
{$QUANTITY} x {$realTaxedPrice} {$orderCurrencySymbol}
|
||||
</td>
|
||||
</tr>
|
||||
{/loop}
|
||||
<tr>
|
||||
<td align="right" style="text-align:right">Total</td>
|
||||
<td align="right" style="text-align:right">{$TOTAL_TAXED_AMOUNT - $POSTAGE} {$orderCurrencySymbol}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right" style="text-align:right">Shipping:</td>
|
||||
<td align="right" style="text-align:right">{$POSTAGE} {$orderCurrencySymbol}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="right" style="text-align:right"><strong>Order Total</strong></td>
|
||||
<td align="right" style="text-align:right"><strong>{$TOTAL_TAXED_AMOUNT} {$orderCurrencySymbol}</strong></td>
|
||||
</tr>
|
||||
</table>
|
||||
{/loop}
|
||||
|
||||
<br />
|
||||
|
||||
<h2>Support</h2>
|
||||
For any questions, or concerns, feel free to contact <a href="mailto:support@yourdomain.com" style="color:#3c69c1;text-decoration:none" target="_blank">support@yourdomain.com</a>.<br /><br />
|
||||
<b>Our contact us at:</b> <br />
|
||||
Thelia V2<br>
|
||||
Street name of my business<br />
|
||||
City<br />
|
||||
75000, France
|
||||
|
||||
<br />
|
||||
<br />
|
||||
Thanks,<br />
|
||||
The Thelia V2 team
|
||||
{/block}
|
||||
21
templates/frontOffice/default/email/password-reset.html
Normal file
21
templates/frontOffice/default/email/password-reset.html
Normal file
@@ -0,0 +1,21 @@
|
||||
{extends file="email/template.tpl"}
|
||||
|
||||
{* Open in browser *}
|
||||
{block name="email-browsers"}{/block}
|
||||
|
||||
{* Subject *}
|
||||
{block name="email-subject"}Thelia V2 password reset confirmation{/block}
|
||||
|
||||
{* Title *}
|
||||
{block name="email-title"}Password Reset{/block}
|
||||
|
||||
{* Content *}
|
||||
{block name="email-content"}
|
||||
Hi there,<br /><br />
|
||||
There was recently a request to change the password on your account.<br /><br />
|
||||
If you requested this password change, please set a new password by following the link below:<br /><br />
|
||||
<a href="__SITE__/forgot?forgot_key=5e20f225cedd08a3" target="_blank">__SITE__/forgot?forgot_key=5e20f225cedd08a3</a><br /><br />
|
||||
If you don't want to change your password, just ignore this message.<br /><br />
|
||||
Thanks,<br />
|
||||
- The Thelia V2 Team
|
||||
{/block}
|
||||
21
templates/frontOffice/default/email/password.html
Normal file
21
templates/frontOffice/default/email/password.html
Normal file
@@ -0,0 +1,21 @@
|
||||
{extends file="email/template.tpl"}
|
||||
|
||||
{* Open in browser *}
|
||||
{block name="email-browsers"}{/block}
|
||||
|
||||
{* Subject *}
|
||||
{block name="email-subject"}Your password for Thelia V2{/block}
|
||||
|
||||
{* Title *}
|
||||
{block name="email-title"}Password{/block}
|
||||
|
||||
{* Content *}
|
||||
{block name="email-content"}
|
||||
Hi there,<br /><br />
|
||||
You have requested a new password for your Thelia V2 account.<br /><br />
|
||||
Your new password is:<br />
|
||||
__PASSWORD__<br /><br />
|
||||
You can change your password in your user account by opening the "Change my password" link under your personal information.<br /><br />
|
||||
Kind regards,<br />
|
||||
- The Thelia V2 Team
|
||||
{/block}
|
||||
42
templates/frontOffice/default/email/register.html
Normal file
42
templates/frontOffice/default/email/register.html
Normal file
@@ -0,0 +1,42 @@
|
||||
{extends file="email/template.tpl"}
|
||||
|
||||
{* Open in browser *}
|
||||
{block name="email-browsers"}{/block}
|
||||
|
||||
{* Subject *}
|
||||
{block name="email-subject"}Welcome to Thelia V2{/block}
|
||||
|
||||
{* Title *}
|
||||
{block name="email-title"}Welcome to Thelia V2{/block}
|
||||
|
||||
{* Content *}
|
||||
{block name="email-content"}
|
||||
{assign var="customerId" value="1"}
|
||||
|
||||
|
||||
<p>Congratulations! You have successfully created an account on Thelia v2 demo site. Keep this email as a reference of your account details, and helpful links.</p>
|
||||
|
||||
<br />
|
||||
|
||||
<h2>Accessing Your Account:</h2>
|
||||
Login at: <a href="{url path="/login"}">{url path="/login"}</a><br />
|
||||
{loop type="customer" name="customer.info" id=$customerId}
|
||||
Username: {$EMAIL} <br />
|
||||
Password: __MOTDEPASSE__<br />
|
||||
{/loop}
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<h2>Support</h2>
|
||||
For any questions, or concerns, feel free to contact <a href="mailto:support@yourdomain.com" style="color:#3c69c1;text-decoration:none" target="_blank">support@yourdomain.com</a>.<br />
|
||||
|
||||
<br />
|
||||
Learn more about Thelia V2.<br />
|
||||
Our site: <a href="http://thelia.net/v2" style="color:#3c69c1;text-decoration:none" target="_blank">http://thelia.net/v2</a><br />
|
||||
Twitter: <a href="http://twitter.com/theliaecommerce" style="color:#3c69c1;text-decoration:none" target="_blank">http://twitter.com/theliaecommerce</a><br />
|
||||
Facebook: <a href="http://www.facebook.com/theliaecommerce" style="color:#3c69c1;text-decoration:none" target="_blank">http://www.facebook.com/theliaecommerce</a>
|
||||
<br />
|
||||
<br />
|
||||
Thanks,<br />
|
||||
- The Thelia V2 Team
|
||||
{/block}
|
||||
485
templates/frontOffice/default/email/template.tpl
Normal file
485
templates/frontOffice/default/email/template.tpl
Normal file
@@ -0,0 +1,485 @@
|
||||
{assign var="url_site" value="{config key="url_site"}"}
|
||||
{assign var="company_name" value="{config key="company_name"}"}
|
||||
{if not $company_name}
|
||||
{assign var="company_name" value="{intl l='Thelia V2'}"}
|
||||
{/if}
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>{block name="email-subject"}{/block}</title>
|
||||
|
||||
<style type="text/css">
|
||||
{literal}
|
||||
#outlook a{
|
||||
padding:0;
|
||||
}
|
||||
.ReadMsgBody{
|
||||
width:100%;
|
||||
}
|
||||
.ExternalClass{
|
||||
width:100%;
|
||||
}
|
||||
.yshortcuts,a .yshortcuts,a .yshortcuts:hover,a .yshortcuts:active,a .yshortcuts:focus{
|
||||
background-color:transparent !important;
|
||||
border:none !important;
|
||||
color:inherit !important;
|
||||
}
|
||||
body{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
img{
|
||||
border:0;
|
||||
height:auto;
|
||||
line-height:100%;
|
||||
outline:none;
|
||||
text-decoration:none;
|
||||
}
|
||||
table,td{
|
||||
border-collapse:collapse !important;
|
||||
mso-table-lspace:0pt;
|
||||
mso-table-rspace:0pt;
|
||||
}
|
||||
#bodyTable,#bodyCell{
|
||||
height:100% !important;
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:100% !important;
|
||||
}
|
||||
#bodyCell{
|
||||
padding:20px;
|
||||
}
|
||||
.templateContainer{
|
||||
width:600px;
|
||||
}
|
||||
h1{
|
||||
color:#202020;
|
||||
display:block;
|
||||
font-family:Helvetica;
|
||||
font-size:26px;
|
||||
font-style:normal;
|
||||
font-weight:bold;
|
||||
line-height:100%;
|
||||
letter-spacing:normal;
|
||||
margin-top:0;
|
||||
margin-right:0;
|
||||
margin-bottom:10px;
|
||||
margin-left:0;
|
||||
text-align:left;
|
||||
}
|
||||
h2{
|
||||
color:#404040;
|
||||
display:block;
|
||||
font-family:Helvetica;
|
||||
font-size:20px;
|
||||
font-style:normal;
|
||||
font-weight:bold;
|
||||
line-height:100%;
|
||||
letter-spacing:normal;
|
||||
margin-top:0;
|
||||
margin-right:0;
|
||||
margin-bottom:10px;
|
||||
margin-left:0;
|
||||
text-align:left;
|
||||
}
|
||||
h3{
|
||||
color:#606060;
|
||||
display:block;
|
||||
font-family:Helvetica;
|
||||
font-size:16px;
|
||||
font-style:normal;
|
||||
font-weight:bold;
|
||||
line-height:100%;
|
||||
letter-spacing:normal;
|
||||
margin-top:0;
|
||||
margin-right:0;
|
||||
margin-bottom:10px;
|
||||
margin-left:0;
|
||||
text-align:left;
|
||||
}
|
||||
h4{
|
||||
color:#808080;
|
||||
display:block;
|
||||
font-family:Helvetica;
|
||||
font-size:12px;
|
||||
font-style:normal;
|
||||
font-weight:bold;
|
||||
line-height:100%;
|
||||
letter-spacing:normal;
|
||||
margin-top:0;
|
||||
margin-right:0;
|
||||
margin-bottom:10px;
|
||||
margin-left:0;
|
||||
text-align:left;
|
||||
}
|
||||
#templatePreheader{
|
||||
background-color:#f5f5f5;
|
||||
border-top:10px solid #f5f5f5;
|
||||
border-bottom:0;
|
||||
}
|
||||
.preheaderContent{
|
||||
color:#707070;
|
||||
font-family:Helvetica;
|
||||
font-size:10px;
|
||||
line-height:125%;
|
||||
padding-top:10px;
|
||||
padding-bottom:10px;
|
||||
text-align:left;
|
||||
}
|
||||
.preheaderContent a:link,.preheaderContent a:visited,.preheaderContent a .yshortcuts {
|
||||
color:#FFFFFF;
|
||||
font-weight:normal;
|
||||
text-decoration:underline;
|
||||
}
|
||||
#templateHeader{
|
||||
background-color:#FFFFFF;
|
||||
border-top:10px solid #f5f5f5;
|
||||
border-bottom:0;
|
||||
}
|
||||
.headerContent{
|
||||
color:#202020;
|
||||
font-family:Helvetica;
|
||||
font-size:20px;
|
||||
font-weight:bold;
|
||||
line-height:100%;
|
||||
padding-top:40px;
|
||||
padding-right:0;
|
||||
padding-bottom:20px;
|
||||
padding-left:0;
|
||||
text-align:left;
|
||||
vertical-align:middle;
|
||||
}
|
||||
.headerContent a:link,.headerContent a:visited,.headerContent a .yshortcuts {
|
||||
color:#E1523D;
|
||||
font-weight:normal;
|
||||
text-decoration:underline;
|
||||
}
|
||||
#templateBody{
|
||||
background-color:#FFFFFF;
|
||||
border-top:0;
|
||||
border-bottom:0;
|
||||
}
|
||||
.titleContentBlock{
|
||||
background-color:#ffffff;
|
||||
border-top:0px solid #F47766;
|
||||
border-bottom:0px solid #B14031;
|
||||
}
|
||||
.titleContent{
|
||||
color:#7a7a7a;
|
||||
font-family:Arial;
|
||||
font-size:24px;
|
||||
font-weight:normal;
|
||||
line-height:110%;
|
||||
padding-top:5px;
|
||||
padding-bottom:5px;
|
||||
text-align:left;
|
||||
}
|
||||
.bodyContentBlock{
|
||||
background-color:#FFFFFF;
|
||||
border-top:0;
|
||||
border-bottom:1px solid #E5E5E5;
|
||||
}
|
||||
.bodyContent{
|
||||
color:#505050;
|
||||
font-family:Helvetica;
|
||||
font-size:16px;
|
||||
line-height:150%;
|
||||
padding-top:20px;
|
||||
padding-bottom:20px;
|
||||
text-align:left;
|
||||
}
|
||||
.bodyContent a:link,.bodyContent a:visited,.bodyContent a .yshortcuts {
|
||||
color:#E1523D;
|
||||
font-weight:normal;
|
||||
text-decoration:underline;
|
||||
}
|
||||
.templateButton{
|
||||
-moz-border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
background-color:#f49a17;
|
||||
border:0;
|
||||
border-radius:5px;
|
||||
}
|
||||
.templateButtonContent,.templateButtonContent a:link,.templateButtonContent a:visited,.templateButtonContent a .yshortcuts {
|
||||
color:#FFFFFF;
|
||||
font-family:Helvetica;
|
||||
font-size:15px;
|
||||
font-weight:bold;
|
||||
letter-spacing:-.5px;
|
||||
line-height:100%;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
}
|
||||
.bodyContent img{
|
||||
display:inline;
|
||||
height:auto;
|
||||
max-width:600px;
|
||||
}
|
||||
body,#bodyTable{
|
||||
background-color:#444444;
|
||||
}
|
||||
#templateFooter{
|
||||
border-top:0;
|
||||
}
|
||||
.footerContent{
|
||||
color:#808080;
|
||||
font-family:Helvetica;
|
||||
font-size:10px;
|
||||
line-height:150%;
|
||||
padding-top:20px;
|
||||
text-align:left;
|
||||
}
|
||||
.footerContent a:link,.footerContent a:visited,.footerContent a .yshortcuts {
|
||||
color:#606060;
|
||||
font-weight:normal;
|
||||
text-decoration:underline;
|
||||
}
|
||||
.footerContent img{
|
||||
display:inline;
|
||||
max-width:600px;
|
||||
}
|
||||
@media only screen and (max-width: 480px){
|
||||
body,table,td,p,a,li,blockquote{
|
||||
-webkit-text-size-adjust:none !important;
|
||||
}
|
||||
|
||||
body{
|
||||
width:auto !important;
|
||||
}
|
||||
|
||||
table[class=templateContainer]{
|
||||
width:100% !important;
|
||||
}
|
||||
|
||||
table[class=templateContainer]{
|
||||
max-width:600px !important;
|
||||
width:100% !important;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:24px !important;
|
||||
line-height:100% !important;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:20px !important;
|
||||
line-height:100% !important;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size:18px !important;
|
||||
line-height:100% !important;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size:16px !important;
|
||||
line-height:100% !important;
|
||||
}
|
||||
|
||||
table[id=templatePreheader]{
|
||||
display:none !important;
|
||||
}
|
||||
|
||||
img[id=headerImage]{
|
||||
height:auto !important;
|
||||
max-width:233px !important;
|
||||
width:100% !important;
|
||||
}
|
||||
|
||||
td[class=headerContent]{
|
||||
font-size:20px !important;
|
||||
line-height:150% !important;
|
||||
padding-top:40px !important;
|
||||
padding-right:10px !important;
|
||||
padding-bottom:20px !important;
|
||||
padding-left:10px !important;
|
||||
}
|
||||
|
||||
img[class=bodyImage]{
|
||||
height:auto !important;
|
||||
max-width:580px !important;
|
||||
width:100% !important;
|
||||
}
|
||||
|
||||
td[class=titleContent]{
|
||||
font-size:20px !important;
|
||||
line-height:125% !important;
|
||||
padding-right:10px;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
td[class=bodyContent]{
|
||||
font-size:16px !important;
|
||||
line-height:125% !important;
|
||||
padding-right:10px;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
td[class=footerContent]{
|
||||
font-size:14px !important;
|
||||
line-height:150% !important;
|
||||
padding-right:10px;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
td[class=footerContent] a{
|
||||
display:block !important;
|
||||
}
|
||||
}
|
||||
|
||||
.preheaderContent a:link,.preheaderContent a:visited,.preheaderContent a .yshortcuts{
|
||||
color:#f49a17;
|
||||
}
|
||||
.footerContent a:link,.footerContent a:visited,.footerContent a .yshortcuts{
|
||||
color:#ffffff;
|
||||
}
|
||||
.bodyContent a:link,.bodyContent a:visited,.bodyContent a .yshortcuts{
|
||||
color:#f49a17;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
}
|
||||
.templateButtonContent,.templateButtonContent a:link,.templateButtonContent a:visited,.templateButtonContent a .yshortcuts{
|
||||
font-weight:normal;
|
||||
}
|
||||
{/literal}
|
||||
</style></head>
|
||||
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="margin: 0;padding: 0;background-color: #444444;">
|
||||
<center>
|
||||
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color: #444444;border-collapse: collapse !important;height: 100% !important;width: 100% !important;">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #f5f5f5;border-top: 10px solid #f5f5f5;border-bottom: 0;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="templateContainer" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td valign="top" class="preheaderContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #707070;font-family: Helvetica;font-size: 10px;line-height: 125%;padding-top: 10px;padding-bottom: 10px;text-align: left;border-collapse: collapse !important;">
|
||||
{block name="email-intro"}{intl l="Welcome to Thelia. This is a demo site built with Thelia V2 an E-Commerce solution based on Symfony 2."}{/block}
|
||||
</td>
|
||||
|
||||
<td valign="top" class="preheaderContent" style="padding-left: 20px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #707070;font-family: Helvetica;font-size: 10px;line-height: 125%;padding-top: 10px;padding-bottom: 10px;text-align: left;border-collapse: collapse !important;" width="200">
|
||||
{block name="browser"}{intl l="Email not displaying correctly?"}<br><a href="{config key="url_site"}?view=email/register" target="_blank" style="color: #f49a17;font-weight: normal;text-decoration: underline;">{intl l="View it in your browser"}</a>.{/block}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #FFFFFF;border-top: 10px solid #f5f5f5;border-bottom: 0;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="templateContainer" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td class="headerContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #202020;font-family: Helvetica;font-size: 20px;font-weight: bold;line-height: 100%;padding-top: 40px;padding-right: 0;padding-bottom: 20px;padding-left: 0;text-align: left;vertical-align: middle;border-collapse: collapse !important;">
|
||||
{images file='../assets/img/email/logo.gif'}<img src="{$asset_url}" alt="{$company_name}" border="0" style="border: 0px none;border-color: ;border-style: none;border-width: 0px;height: 75px;width: 135px;margin: 0;padding: 0;line-height: 100%;outline: none;text-decoration: none;" width="135" height="75">{/images}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #FFFFFF;border-top: 0;border-bottom: 0;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="padding-top: 20px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="templateContainer" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%" class="titleContentBlock" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #ffffff;border-top: 0px solid #F47766;border-bottom: 0px solid #B14031;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td valign="top" class="titleContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #7a7a7a;font-family: Arial;font-size: 24px;font-weight: normal;line-height: 110%;padding-top: 5px;padding-bottom: 5px;text-align: left;border-collapse: collapse !important;">
|
||||
{block name="email-title"}{/block}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top" style="padding-bottom: 40px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="10" cellspacing="0" width="100%" class="bodyContentBlock" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #FFFFFF;border-top: 0;border-bottom: 1px solid #E5E5E5;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td class="bodyContent" style="padding-bottom: 20px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: Helvetica;font-size: 16px;line-height: 150%;padding-top: 20px;text-align: left;border-collapse: collapse !important;">
|
||||
{images file='../assets/img/email/header.jpg'}<img class="bodyImage" src="{$asset_url}" alt="" border="0" style="border: 0px none;border-color: ;border-style: none;border-width: 0px;height: 188px;width: 580px;margin: 0;padding: 0;line-height: 100%;outline: none;text-decoration: none;display: inline;max-width: 600px;" width="580" height="188">{/images}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top" class="bodyContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: Helvetica;font-size: 14px;line-height: 150%;padding-top: 0px;padding-bottom: 20px;text-align: left;border-collapse: collapse !important;">
|
||||
{block name="email-content"}{/block}
|
||||
</td>
|
||||
</tr>
|
||||
{* button
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding-bottom: 40px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="15" cellspacing="0" class="templateButton" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #f49a17;border: 0;border-radius: 5px;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td align="center" valign="middle" class="templateButtonContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #FFFFFF;font-family: Helvetica;font-size: 15px;font-weight: normal;letter-spacing: -.5px;line-height: 100%;text-align: center;text-decoration: none;border-collapse: collapse !important;">
|
||||
<a href="#" target="_blank" style="color: #FFFFFF;font-family: Helvetica;font-size: 15px;font-weight: normal;letter-spacing: -.5px;line-height: 100%;text-align: center;text-decoration: none;">Link Button</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>*}
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-top: 0;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td align="center" valign="top" style="padding-bottom: 40px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
|
||||
<table border="0" cellpadding="0" cellspacing="0" class="templateContainer" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;border-collapse: collapse !important;">
|
||||
<tr>
|
||||
<td valign="top" class="footerContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: Helvetica;font-size: 10px;line-height: 150%;padding-top: 20px;text-align: left;border-collapse: collapse !important;">
|
||||
<a href="http://twitter.com/theliaecommerce" style="color: #ffffff;font-weight: normal;text-decoration: underline;">Follow on Twitter</a> <a href="http://www.facebook.com/theliaecommerce" style="color: #ffffff;font-weight: normal;text-decoration: underline;">Friend on Facebook</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top" class="footerContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: Helvetica;font-size: 10px;line-height: 150%;padding-top: 20px;text-align: left;border-collapse: collapse !important;">
|
||||
<strong>{intl l="Our mailing address is:"}</strong>
|
||||
<br>
|
||||
Street name of my business 75000 City, France
|
||||
<br>
|
||||
<br>
|
||||
<em>{intl l="Copyright"} © {'Y'|date} {$company_name}, {intl l="All rights reserved."}</em>
|
||||
</td>
|
||||
</tr>
|
||||
{* Unsubscribe
|
||||
<tr>
|
||||
<td valign="top" class="footerContent" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: Helvetica;font-size: 10px;line-height: 150%;padding-top: 20px;text-align: left;border-collapse: collapse !important;">
|
||||
<a href="*|UNSUB|*" style="color: #ffffff;font-weight: normal;text-decoration: underline;">unsubscribe from this list</a> <a href="*|UPDATE_PROFILE|*" style="color: #ffffff;font-weight: normal;text-decoration: underline;">update subscription preferences</a>
|
||||
<br>
|
||||
<br>
|
||||
*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
|
||||
</td>
|
||||
</tr>*}
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user