diff --git a/addons/mass_mailing/static/src/css/mass_mailing_editor_thumb.css b/addons/mass_mailing/static/src/css/mass_mailing_editor_thumb.css
deleted file mode 100644
index ee0a239c7800973a7fc421ff6279b47e801c04c1..0000000000000000000000000000000000000000
--- a/addons/mass_mailing/static/src/css/mass_mailing_editor_thumb.css
+++ /dev/null
@@ -1,74 +0,0 @@
-/* ---- thumbnail ---- */
-
-.oe_snippet.o_mail_block_banner .oe_snippet_thumbnail_img {
- background-image: url("/mass_mailing/static/src/img/blocks/block_banner.png");
-}
-.oe_snippet.o_mail_block_header_social .oe_snippet_thumbnail_img {
- background-image: url("/mass_mailing/static/src/img/blocks/block_header_social.png");
-}
-.oe_snippet.o_mail_block_header_text_social .oe_snippet_thumbnail_img {
- background-image: url("/mass_mailing/static/src/img/blocks/block_header_text_social.png");
-}
-.oe_snippet.o_mail_block_text_image .oe_snippet_thumbnail_img {
- background-image: url("/mass_mailing/static/src/img/blocks/block_text-image.png");
-}
-.oe_snippet.o_mail_block_footer_social .oe_snippet_thumbnail_img {
- background-image: url("/mass_mailing/static/src/img/blocks/block_footer_social.png");
-}
-.oe_snippet.o_mail_block_footer_seprator .oe_snippet_thumbnail_img {
- background-image: url("/mass_mailing/static/src/img/blocks/block_footer_seprator.png");
-}
-.oe_snippet.o_mail_block_footer_tag_line .oe_snippet_thumbnail_img {
- background-image: url("/mass_mailing/static/src/img/blocks/block_footer_tag_line.png");
-}
-.oe_snippet.o_mail_block_two_cols .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_two-column.png");
-}
-.oe_snippet.o_mail_block_title_text .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_title_text.png")
-}
-.oe_snippet.o_mail_block_title_sub .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_title.png")
-}
-.oe_snippet.o_mail_block_image_text .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_image-text.png")
-}
-.oe_snippet.o_mail_block_table_content .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_table.png")
-}
-.oe_snippet.o_mail_block_discount1 .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_discount.png")
-}
-.oe_snippet.o_mail_block_discount2 .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_discount2.png")
-}
-.oe_snippet.o_mail_block_event .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_event.png")
-}
-.oe_snippet.o_mail_block_image .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_image_text.png")
-}
-.oe_snippet.o_mail_block_three_cols .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_three_columns.png")
-}
-.oe_snippet.o_mail_block_steps .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/blocks/block_steps.png")
-}
-
-/* ---- template ---- */
-
-.oe_snippet.o_mail_block_odoo_template .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/theme_imgs/odoo_template_thumb.png")
-}
-.oe_snippet.o_mail_block_default_template .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/theme_imgs/default_template_thumb.png")
-}
-.oe_snippet.o_mail_block_airmail_template .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/theme_imgs/airmail_template_thumb.png")
-}
-.oe_snippet.o_mail_block_lemon_template .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/theme_imgs/lemon_template_thumb.png")
-}
-.oe_snippet.o_mail_block_tech_template .oe_snippet_thumbnail_img{
- background-image: url("/mass_mailing/static/src/img/theme_imgs/tech_template_thumb.png")
-}
diff --git a/addons/mass_mailing/static/src/img/blocks/block_discount.png b/addons/mass_mailing/static/src/img/blocks/block_discount1.png
similarity index 100%
rename from addons/mass_mailing/static/src/img/blocks/block_discount.png
rename to addons/mass_mailing/static/src/img/blocks/block_discount1.png
diff --git a/addons/mass_mailing/static/src/img/blocks/block_footer_seprator.png b/addons/mass_mailing/static/src/img/blocks/block_footer_separator.png
similarity index 100%
rename from addons/mass_mailing/static/src/img/blocks/block_footer_seprator.png
rename to addons/mass_mailing/static/src/img/blocks/block_footer_separator.png
diff --git a/addons/mass_mailing/static/src/img/blocks/block_image-text.png b/addons/mass_mailing/static/src/img/blocks/block_image-text.png
deleted file mode 100644
index 41b2949a777fc69b1102ca4e7f28e9878dac75bd..0000000000000000000000000000000000000000
Binary files a/addons/mass_mailing/static/src/img/blocks/block_image-text.png and /dev/null differ
diff --git a/addons/mass_mailing/static/src/img/blocks/block_image.png b/addons/mass_mailing/static/src/img/blocks/block_image.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0f8901b1d5e5bda856631031ecfabf6af66bf08
Binary files /dev/null and b/addons/mass_mailing/static/src/img/blocks/block_image.png differ
diff --git a/addons/mass_mailing/static/src/img/blocks/block_image_text.png b/addons/mass_mailing/static/src/img/blocks/block_image_text.png
index e0f8901b1d5e5bda856631031ecfabf6af66bf08..41b2949a777fc69b1102ca4e7f28e9878dac75bd 100644
Binary files a/addons/mass_mailing/static/src/img/blocks/block_image_text.png and b/addons/mass_mailing/static/src/img/blocks/block_image_text.png differ
diff --git a/addons/mass_mailing/static/src/img/blocks/block_table.png b/addons/mass_mailing/static/src/img/blocks/block_table_content.png
similarity index 100%
rename from addons/mass_mailing/static/src/img/blocks/block_table.png
rename to addons/mass_mailing/static/src/img/blocks/block_table_content.png
diff --git a/addons/mass_mailing/static/src/img/blocks/block_text-image.png b/addons/mass_mailing/static/src/img/blocks/block_text_image.png
similarity index 100%
rename from addons/mass_mailing/static/src/img/blocks/block_text-image.png
rename to addons/mass_mailing/static/src/img/blocks/block_text_image.png
diff --git a/addons/mass_mailing/static/src/img/blocks/block_three_columns.png b/addons/mass_mailing/static/src/img/blocks/block_three_cols.png
similarity index 100%
rename from addons/mass_mailing/static/src/img/blocks/block_three_columns.png
rename to addons/mass_mailing/static/src/img/blocks/block_three_cols.png
diff --git a/addons/mass_mailing/static/src/img/blocks/block_title.png b/addons/mass_mailing/static/src/img/blocks/block_title_sub.png
similarity index 100%
rename from addons/mass_mailing/static/src/img/blocks/block_title.png
rename to addons/mass_mailing/static/src/img/blocks/block_title_sub.png
diff --git a/addons/mass_mailing/static/src/img/blocks/block_two-column.png b/addons/mass_mailing/static/src/img/blocks/block_two_cols.png
similarity index 100%
rename from addons/mass_mailing/static/src/img/blocks/block_two-column.png
rename to addons/mass_mailing/static/src/img/blocks/block_two_cols.png
diff --git a/addons/mass_mailing/static/src/img/theme_imgs/odoo_template_thumb.png b/addons/mass_mailing/static/src/img/theme_imgs/odoo_template_thumb.png
deleted file mode 100644
index 397619c2a8b35569d538c48241f5b93f8629fd2a..0000000000000000000000000000000000000000
Binary files a/addons/mass_mailing/static/src/img/theme_imgs/odoo_template_thumb.png and /dev/null differ
diff --git a/addons/mass_mailing/static/src/img/theme_imgs/social_facebook.png b/addons/mass_mailing/static/src/img/theme_imgs/social_facebook.png
deleted file mode 100644
index 59eff64afb4d622c5b665250742f8c44109df77b..0000000000000000000000000000000000000000
Binary files a/addons/mass_mailing/static/src/img/theme_imgs/social_facebook.png and /dev/null differ
diff --git a/addons/mass_mailing/static/src/img/theme_imgs/social_googleplus.png b/addons/mass_mailing/static/src/img/theme_imgs/social_googleplus.png
deleted file mode 100644
index 0364cb0b9bb14327b10bd3a90dd6bd218c9016cc..0000000000000000000000000000000000000000
Binary files a/addons/mass_mailing/static/src/img/theme_imgs/social_googleplus.png and /dev/null differ
diff --git a/addons/mass_mailing/static/src/img/theme_imgs/social_linkedin.png b/addons/mass_mailing/static/src/img/theme_imgs/social_linkedin.png
deleted file mode 100644
index ff7309e3cf4a9f40ec9ad9418be5906de0880a86..0000000000000000000000000000000000000000
Binary files a/addons/mass_mailing/static/src/img/theme_imgs/social_linkedin.png and /dev/null differ
diff --git a/addons/mass_mailing/static/src/img/theme_imgs/social_rss.png b/addons/mass_mailing/static/src/img/theme_imgs/social_rss.png
deleted file mode 100644
index da352edcfb8f8b16c44d796596405d8902394dce..0000000000000000000000000000000000000000
Binary files a/addons/mass_mailing/static/src/img/theme_imgs/social_rss.png and /dev/null differ
diff --git a/addons/mass_mailing/static/src/img/theme_imgs/social_twitter.png b/addons/mass_mailing/static/src/img/theme_imgs/social_twitter.png
deleted file mode 100644
index 827c85801e65a8bbb33200e6ab9f02f009c5870a..0000000000000000000000000000000000000000
Binary files a/addons/mass_mailing/static/src/img/theme_imgs/social_twitter.png and /dev/null differ
diff --git a/addons/mass_mailing/views/editor_field_html.xml b/addons/mass_mailing/views/editor_field_html.xml
index 237aca48ab95e46e1fbf5f818958f30e6cce8523..24007eb78655f71fc1496b165d6073d42ef13573 100644
--- a/addons/mass_mailing/views/editor_field_html.xml
+++ b/addons/mass_mailing/views/editor_field_html.xml
@@ -9,7 +9,6 @@
<link rel="stylesheet" href="/mass_mailing/static/src/css/airmail_template.css" type="text/css"/>
<link rel="stylesheet" href="/mass_mailing/static/src/css/lemon_template.css" type="text/css"/>
<link rel="stylesheet" href="/mass_mailing/static/src/css/tech_template.css" type="text/css"/> -->
- <link rel="stylesheet" href="/mass_mailing/static/src/css/mass_mailing_editor_thumb.css" type="text/css"/>
<script type="text/javascript" src="/mass_mailing/static/src/js/mass_mailing_editor.js"></script>
</t>
</t>
@@ -21,7 +20,6 @@
<template id="FieldTextHtmlPopupContent" name="Editor layout">
<t t-set="head">
- <link rel="stylesheet" href="/mass_mailing/static/src/css/mass_mailing_editor_thumb.css" type="text/css"/>
<link rel="stylesheet" href="/mass_mailing/static/src/css/mass_mailing_popup.css" type="text/css"/>
</t>
<t t-call="web_editor.layout">
diff --git a/addons/mass_mailing/views/snippets_themes.xml b/addons/mass_mailing/views/snippets_themes.xml
index 0ec657a95d4cad87ba446c004c13c675e11579d4..e66151e89256fa360270606b588e8cad62e1891e 100644
--- a/addons/mass_mailing/views/snippets_themes.xml
+++ b/addons/mass_mailing/views/snippets_themes.xml
@@ -12,6 +12,10 @@
<!-- Templates -->
+ <div id="email_designer_default_headers" class="o_panel">
+ <div class="o_panel_header">
+ <i class="fa fa-angle-double-up"/> Headers
+ </div>
<div class="o_panel_body">
<!-- Default Template -->
<!-- <div name="Default" class="o_mail_block_default_template">
@@ -30,852 +34,836 @@
<!-- Airmail Template -->
<!-- <t t-call="mass_mailing.airmail_email_template"></t> -->
+ <t t-snippet="mass_mailing.s_mail_block_header_social" t-thumbnail="/mass_mailing/static/src/img/blocks/block_header_social.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_header_text_social" t-thumbnail="/mass_mailing/static/src/img/blocks/block_header_text_social.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_banner" t-thumbnail="/mass_mailing/static/src/img/blocks/block_banner.png"/>
</div>
</div>
- <div id="email_designer_default_headers" class="o_panel">
- <div class="o_panel_header o_snippet_section">
- <span class="fa-stack">
- <i class="fa fa-th-large fa-stack-1x"></i>
- </span> Choose Snippets
+ <div id="email_designer_default_body" class="o_panel">
+ <div class="o_panel_header">
+ <i class="fa fa-clone"/> Body
+ </div>
+ <div class="o_panel_body">
+ <t t-snippet="mass_mailing.s_mail_block_title_text" t-thumbnail="/mass_mailing/static/src/img/blocks/block_title_text.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_title_sub" t-thumbnail="/mass_mailing/static/src/img/blocks/block_title_sub.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_table_content" t-thumbnail="/mass_mailing/static/src/img/blocks/block_table_content.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_two_cols" t-thumbnail="/mass_mailing/static/src/img/blocks/block_two_cols.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_three_cols" t-thumbnail="/mass_mailing/static/src/img/blocks/block_three_cols.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_image_text" t-thumbnail="/mass_mailing/static/src/img/blocks/block_image_text.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_text_image" t-thumbnail="/mass_mailing/static/src/img/blocks/block_text_image.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_image" t-thumbnail="/mass_mailing/static/src/img/blocks/block_image.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_footer_separator" t-thumbnail="/mass_mailing/static/src/img/blocks/block_footer_separator.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_footer_tag_line" t-thumbnail="/mass_mailing/static/src/img/blocks/block_footer_tag_line.png"/>
</div>
+ </div>
+ <div id="email_designer_default_extra" class="o_panel">
<div class="o_panel_header">
- <span class="fa-stack">
- <i class="fa fa-angle-double-up fa-stack-1x"></i>
- </span> Headers
+ <i class="fa fa-plus"/> Marketing Content
+ </div>
+ <div class="o_panel_body">
+ <t t-snippet="mass_mailing.s_mail_block_discount2" t-thumbnail="/mass_mailing/static/src/img/blocks/block_discount2.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_discount1" t-thumbnail="/mass_mailing/static/src/img/blocks/block_discount1.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_event" t-thumbnail="/mass_mailing/static/src/img/blocks/block_event.png"/>
+ <t t-snippet="mass_mailing.s_mail_block_steps" t-thumbnail="/mass_mailing/static/src/img/blocks/block_steps.png"/>
+ </div>
+ </div>
+ <div t-if="website" id="email_designer_default_footer" class="o_panel">
+ <div class="o_panel_header">
+ <i class="fa fa-angle-double-down"/> Footers
</div>
<div class="o_panel_body">
+ <t t-snippet="mass_mailing.s_mail_block_footer_social" t-thumbnail="/mass_mailing/static/src/img/blocks/block_footer_social.png"/>
+ </div>
+ </div>
+ </div>
+ </xpath>
- <div name="Left Logo" class="o_mail_block_header_social">
- <div class="snippet_row">
- <div class="snippet-general">
+ <xpath expr="//div[@id='snippet_options']" position="inside">
+ <t t-call="mass_mailing.snippet_options"/>
+ </xpath>
+</template>
- <table align="center" cellspacing="0" cellpadding="0" border="0" class="table-styles" width="600">
- <tr>
- <td width="80%" class="horizontal-padding vertical-padding">
- &nbsp;
- <a t-att-href="(company_id.website) or '#'" style="text-decoration:none;float:none;">
- <img border="0" src="http://www.odoocdn.com/openerp_website/static/src/img/2016/logos/odoo_logo_small.png" style="height:auto;max-width:400px;width:100px;margin-left:-6px;" alt="Your Logo" />
+<!-- Snippet Templates -->
+<template id="s_mail_block_header_social" name="Left Logo">
+ <div class="o_mail_block_header_social">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" border="0" class="table-styles" width="600">
+ <tr>
+ <td width="80%" class="horizontal-padding vertical-padding">
+ &nbsp;
+ <a t-att-href="(company_id.website) or '#'" style="text-decoration:none;float:none;">
+ <img border="0" src="http://www.odoocdn.com/openerp_website/static/src/img/2016/logos/odoo_logo_small.png" style="height:auto;max-width:400px;width:100px;margin-left:-6px;" alt="Your Logo" />
+ </a>
+ &nbsp;
+ </td>
+ <td width="20%">
+ <table t-if="website" border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:separate; margin-right:20px;">
+ <tr>
+ <t t-if="website.social_facebook">
+ <td align="right">
+ <a t-att-href="website.social_facebook">
+ <span class="fa fa-facebook-square fa-2x"></span>
</a>
- &nbsp;
</td>
- <td width="20%">
- <table t-if="website" border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:separate; margin-right:20px;">
- <tr>
- <t t-if="website.social_facebook">
- <td align="right">
- <a t-att-href="website.social_facebook">
- <span class="fa fa-facebook-square fa-2x"></span>
- </a>
- </td>
- </t>
- <t t-if="website.social_googleplus">
- <td align="right" style="padding-left:5px">
- <a t-att-href="website.social_googleplus">
- <span class="fa fa-google-plus-square fa-2x"></span>
- </a>
- </td>
- </t>
- <t t-if="website.social_linkedin">
- <td align="right" style="padding-left:5px">
- <a t-att-href="website.social_linkedin">
- <span class="fa fa-linkedin-square fa-2x"></span>
- </a>
- </td>
- </t>
- <t t-if="website.social_twitter">
- <td align="right" style="padding-left:5px">
- <a t-att-href="website.social_twitter">
- <span class="fa fa-twitter-square fa-2x"></span>
- </a>
- </td>
- </t>
- </tr>
- </table>
+ </t>
+ <t t-if="website.social_googleplus">
+ <td align="right" style="padding-left:5px">
+ <a t-att-href="website.social_googleplus">
+ <span class="fa fa-google-plus-square fa-2x"></span>
+ </a>
</td>
- </tr>
- </table>
- </div>
- </div>
- </div>
+ </t>
+ <t t-if="website.social_linkedin">
+ <td align="right" style="padding-left:5px">
+ <a t-att-href="website.social_linkedin">
+ <span class="fa fa-linkedin-square fa-2x"></span>
+ </a>
+ </td>
+ </t>
+ <t t-if="website.social_twitter">
+ <td align="right" style="padding-left:5px">
+ <a t-att-href="website.social_twitter">
+ <span class="fa fa-twitter-square fa-2x"></span>
+ </a>
+ </td>
+ </t>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
- <div name="Left Text" class="o_mail_block_header_text_social">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" width="600" cellspacing="0" cellpadding="0" border="0" class="table-styles">
- <tr>
- <td width="80%" class="horizontal-padding vertical-padding">
- &nbsp;
- <a t-att-href="(company_id.website) or '#'" class="display-1" style="margin-left:-6px;">
- My Company
+<template id="s_mail_block_header_text_social" name="Left Text">
+ <div class="o_mail_block_header_text_social">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" width="600" cellspacing="0" cellpadding="0" border="0" class="table-styles">
+ <tr>
+ <td width="80%" class="horizontal-padding vertical-padding">
+ &nbsp;
+ <a t-att-href="(company_id.website) or '#'" class="display-1" style="margin-left:-6px;">
+ My Company
+ </a>
+ &nbsp;
+ </td>
+ <td valign="center" width="20%">
+ <table t-if="website" border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:separate;margin-right:20p">
+ <tr>
+ <t t-if="website.social_facebook">
+ <td align="right">
+ <a t-att-href="website.social_facebook">
+ <span class="fa fa-facebook-square fa-2x"></span>
</a>
- &nbsp;
</td>
- <td valign="center" width="20%">
- <table t-if="website" border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:separate;margin-right:20p">
- <tr>
- <t t-if="website.social_facebook">
- <td align="right">
- <a t-att-href="website.social_facebook">
- <span class="fa fa-facebook-square fa-2x"></span>
- </a>
- </td>
- </t>
- <t t-if="website.social_googleplus">
- <td align="right" style="padding-left:5px">
- <a t-att-href="website.social_googleplus">
- <span class="fa fa-google-plus-square fa-2x"></span>
- </a>
- </td>
- </t>
- <t t-if="website.social_linkedin">
- <td align="right" style="padding-left:5px">
- <a t-att-href="website.social_linkedin">
- <span class="fa fa-linkedin-square fa-2x"></span>
- </a>
- </td>
- </t>
- <t t-if="website.social_twitter">
- <td align="right" style="padding-left:5px">
- <a t-att-href="website.social_twitter">
- <span class="fa fa-twitter-square fa-2x"></span>
- </a>
- </td>
- </t>
- </tr>
- </table>
+ </t>
+ <t t-if="website.social_googleplus">
+ <td align="right" style="padding-left:5px">
+ <a t-att-href="website.social_googleplus">
+ <span class="fa fa-google-plus-square fa-2x"></span>
+ </a>
</td>
- </tr>
- </table>
- </div>
- </div>
- </div>
+ </t>
+ <t t-if="website.social_linkedin">
+ <td align="right" style="padding-left:5px">
+ <a t-att-href="website.social_linkedin">
+ <span class="fa fa-linkedin-square fa-2x"></span>
+ </a>
+ </td>
+ </t>
+ <t t-if="website.social_twitter">
+ <td align="right" style="padding-left:5px">
+ <a t-att-href="website.social_twitter">
+ <span class="fa fa-twitter-square fa-2x"></span>
+ </a>
+ </td>
+ </t>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
- <div name="Banner" class="o_mail_block_banner">
- <div class="snippet_row">
- <div class="snippetbanner">
- <table align="center" cellspacing="0" cellpadding="0" border="0" class="table-styles" width="600">
- <tbody>
- <tr>
- <td width="100%" valign="top">
- <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/home/laptop_sale_desktop.jpg" style="height:auto;max-width:600px;width:600px;" alt="Your Logo" />
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
+<template id="s_mail_block_banner" name="Banner">
+ <div class="o_mail_block_banner">
+ <div class="snippet_row">
+ <div class="snippetbanner">
+ <table align="center" cellspacing="0" cellpadding="0" border="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td width="100%" valign="top">
+ <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/home/laptop_sale_desktop.jpg" style="height:auto;max-width:600px;width:600px;" alt="Your Logo" />
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
- </div>
+<template id="s_mail_block_title_text" name="Title Content">
+ <div class="o_mail_block_title_text">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" border="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td width="100%" class="horizontal-padding vertical-padding">
+ <p class="display-1">Don't miss our weekly sales!</p>
+ <div>
+ <p><strong>Dear ${object.name}</strong></p>
+ <p class="no-margin">Great stories have personality. Consider telling a great story that provides personality. Writing a story with personality for potential clients will assist with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.<br/></p>
+ <p>Great stories are for everyone even when only written for just one person. If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.</p>
+ <p>Kind Regards,</p>
+ <p class="no-margin">Michael Fletcher</p>
+ <div class="vertical-padding">
+ <a href="#" class="newsletter-btn">See Our Deals!</a>
+ &nbsp;
+ </div>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
</div>
- <div id="email_designer_default_body" class="o_panel">
- <div class="o_panel_header">
- <span class="fa-stack">
- <i class="fa fa-clone fa-stack-1x"></i>
- </span> Body
- </div>
- <div class="o_panel_body">
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_title_sub" name="Title - Subtitle">
+ <div class="o_mail_block_title_sub">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" width="600" cellspacing="0" cellpadding="0" class="table-styles">
+ <tbody>
+ <tr>
+ <td class="horizontal-padding vertical-padding">
+ <p class="display-1 no-margin">Check this out!</p>
+ <p class="no-margin">Apps That Help You Grow Your Business!</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
- <div name="Title Content" class="o_mail_block_title_text">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" border="0" class="table-styles" width="600">
- <tbody>
+<template id="s_mail_block_table_content" name="Content Table">
+ <div class="o_mail_block_table_content">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td class="horizontal-padding vertical-padding col_mv">
+ <table cellspacing="0" cellpadding="0" class="table-styles">
+ <thead>
<tr>
- <td width="100%" class="horizontal-padding vertical-padding">
- <p class="display-1">Don't miss our weekly sales!</p>
- <div>
- <p><strong>Dear ${object.name}</strong></p>
- <p class="no-margin">Great stories have personality. Consider telling a great story that provides personality. Writing a story with personality for potential clients will assist with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.<br/></p>
- <p>Great stories are for everyone even when only written for just one person. If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.</p>
- <p>Kind Regards,</p>
- <p class="no-margin">Michael Fletcher</p>
- <div class="vertical-padding">
- <a href="#" class="newsletter-btn">See Our Deals!</a>
- &nbsp;
- </div>
- </div>
- </td>
+ <th class="bg-beta">
+ <h2 class="display-1 text-center">REGISTERED</h2>
+ </th>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Title - Subtitle" class="o_mail_block_title_sub">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" width="600" cellspacing="0" cellpadding="0" class="table-styles">
- <tbody>
+ </thead>
+ <tbody class="bg-gray-lighter">
<tr>
- <td class="horizontal-padding vertical-padding">
- <p class="display-1 no-margin">Check this out!</p>
- <p class="no-margin">Apps That Help You Grow Your Business!</p>
+ <td class="text-center col_mv">
+ <p class="display-coupon text-center" style="font-weight:800;">$40</p>
+ <small>user / month (billed annually)</small>
</td>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Content Table" class="o_mail_block_table_content">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
<tr>
- <td class="horizontal-padding vertical-padding col_mv">
- <table cellspacing="0" cellpadding="0" class="table-styles">
- <thead>
- <tr>
- <th class="bg-beta">
- <h2 class="display-1 text-center">REGISTERED</h2>
- </th>
- </tr>
- </thead>
- <tbody class="bg-gray-lighter">
- <tr>
- <td class="text-center col_mv">
- <p class="display-coupon text-center" style="font-weight:800;">$40</p>
- <small>user / month (billed annually)</small>
- </td>
- </tr>
- <tr>
- <td valign="top" class="vertical-padding col_mv">
- <div class="separator"></div>
- </td>
- </tr>
- <tr>
- <td class="col_mv">
- <p style="margin: 0 15px 15px;">Basic sales and marketing for up to 2 users</p>
- </td>
- </tr>
- <tr>
- <td class="col_mv">
- <p style="margin: 0 15px 15px;">Account and sales management</p>
- </td>
- </tr>
- <tr>
- <td class="col_mv">
- <p style="margin: 0 15px 15px;">No customization</p>
- </td>
- </tr>
- <tr>
- <td class="col_mv">
- <p style="margin: 0 15px 15px;">No support</p>
- </td>
- </tr>
- </tbody>
- <tfoot class="bg-gray-lighter">
- <tr>
- <td valign="top">
- <div class="separator"></div>
- </td>
- </tr>
- <tr>
- <td class="text-center" style="padding:15px 0;">
- &nbsp;
- <a href="#" class="newsletter-btn">More</a>
- &nbsp;
- </td>
- </tr>
- </tfoot>
- </table>
- </td>
- <td class="horizontal-padding vertical-padding col_mv">
- <table cellspacing="0" cellpadding="0" class="table-styles">
- <thead>
- <tr>
- <th class="bg-beta">
- <h2 class="display-1 text-center">REGISTERED</h2>
- </th>
- </tr>
- </thead>
- <tbody class="bg-gray-lighter">
- <tr>
- <td class="text-center col_mv">
- <p class="display-coupon text-center" style="font-weight:800;">$40</p>
- <small>user / month (billed annually)</small>
- </td>
- </tr>
- <tr>
- <td valign="top" class="vertical-padding col_mv">
- <div class="separator"></div>
- </td>
- </tr>
- <tr>
- <td class="col_mv">
- <p style="margin: 0 15px 15px;">Basic sales and marketing for up to 2 users</p>
- </td>
- </tr>
- <tr>
- <td class="col_mv">
- <p style="margin: 0 15px 15px;">Account and sales management</p>
- </td>
- </tr>
- <tr>
- <td class="col_mv">
- <p style="margin: 0 15px 15px;">No customization</p>
- </td>
- </tr>
- <tr>
- <td class="col_mv">
- <p style="margin: 0 15px 15px;">No support</p>
- </td>
- </tr>
- </tbody>
- <tfoot class="bg-gray-lighter">
- <tr>
- <td valign="top">
- <div class="separator"></div>
- </td>
- </tr>
- <tr>
- <td class="text-center" style="padding:15px 0;">
- &nbsp;
- <a href="#" class="newsletter-btn">More</a>
- &nbsp;
- </td>
- </tr>
- </tfoot>
- </table>
+ <td valign="top" class="vertical-padding col_mv">
+ <div class="separator"></div>
</td>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Two Columns" class="o_mail_block_two_cols">
- <div class="snippet_row mv">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
<tr>
- <td style="vertical-align:top;width:270px;padding:20px 10px 20px 20px;" class="col_mv">
- <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_inspiral.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
- <p class="display-2 text-center" style="margin-top:20px;">Step 1</p>
- <p class="text-center no-margin">
- We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
- </p>
- <div class="text-center" style="margin-top:15px;">
- <a href="#" class="link-color">Read More...</a>
- </div>
- </td>
-
- <td style="vertical-align:top;width:270px;padding:20px 20px 20px 10px;" class="col_mv">
- <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_universem.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
- <p class="display-2 text-center" style="margin-top:20px;">Step 2</p>
- <p class="text-center no-margin">
- We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
- </p>
- <div class="text-center" style="margin-top:15px;">
- <a href="#" class="link-color">Read More...</a>
- </div>
+ <td class="col_mv">
+ <p style="margin: 0 15px 15px;">Basic sales and marketing for up to 2 users</p>
</td>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Three Columns" class="o_mail_block_three_cols">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
<tr>
- <td style="vertical-align:top;width:180px;padding:20px 5px 20px 20px;" class="col_mv">
- <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_inspiral.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
- <p class="display-2 text-center" style="margin-top:20px;">Step 1</p>
- <p class="text-center no-margin">
- We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
- </p>
- <div class="text-center" style="margin-top:15px;">
- <a href="#" class="link-color">Read More...</a>
- </div>
- </td>
-
- <td style="vertical-align:top;width:180px;padding:20px 5px 20px 5px;" class="col_mv">
- <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_universem.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
- <p class="display-2 text-center" style="margin-top:20px;">Step 2</p>
- <p class="text-center no-margin">
- We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
- </p>
- <div class="text-center" style="margin-top:15px;">
- <a href="#" class="link-color">Read More...</a>
- </div>
- </td>
-
- <td style="vertical-align:top;width:180px;padding:20px 20px 20px 5px;" class="col_mv">
- <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_universem.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
- <p class="display-2 text-center" style="margin-top:20px;">Step 3</p>
- <p class="text-center no-margin">
- We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
- </p>
- <div class="text-center" style="margin-top:15px;">
- <a href="#" class="link-color">Read More...</a>
- </div>
+ <td class="col_mv">
+ <p style="margin: 0 15px 15px;">Account and sales management</p>
</td>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Image - Text" class="o_mail_block_image_text">
- <div class="snippet_row mv">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
<tr>
- <td style="width:270px;text-align:center;vertical-align:middle" class="col_mv horizontal-padding vertical-padding">
- <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/crm/crm_top_banner.jpg" style="height:auto;max-width:270px;width:270px;" alt="Your Logo" />
- </td>
- <td style="width:270px;vertical-align:middle;text-align:justify;" class="col_mv horizontal-padding vertical-padding">
- <p class="display-2">Account Information</p>
- <p class="no-margin">We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.</p>
- <div class="text-center" style="margin-top:15px;">
- <a href="#" class="link-color">Read More...</a>
- </div>
+ <td class="col_mv">
+ <p style="margin: 0 15px 15px;">No customization</p>
</td>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Text - Image" class="o_mail_block_image_text">
- <div class="snippet_row mv">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
<tr>
- <td style="width:270px;vertical-align:middle;text-align:justify;" class="col_mv horizontal-padding vertical-padding mobile-col">
- <p class="display-2">Account Information</p>
- <p class="no-margin">We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.</p>
- <div class="text-center" style="margin-top:15px;">
- <a href="#" class="link-color">Read More...</a>
- </div>
- </td>
- <td style="width:270px;text-align:center;vertical-align:middle" class="col_mv horizontal-padding vertical-padding">
- <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/sales/sale_top_banner.jpg" style="height:auto;max-width:270px;width:270px;" alt="Your Logo" />
+ <td class="col_mv">
+ <p style="margin: 0 15px 15px;">No support</p>
</td>
</tr>
</tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Image" class="o_mail_block_image">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
+ <tfoot class="bg-gray-lighter">
<tr>
- <td width="100%" align="center" style="text-align:center" class="horizontal-padding vertical-padding">
- &nbsp;
- <span class="fa fa-camera fa-10x"></span>
- &nbsp;
+ <td valign="top">
+ <div class="separator"></div>
</td>
</tr>
<tr>
- <td width="100%" class="horizontal-padding vertical-padding">
- <p class="no-margin"><strong>We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.</strong></p>
+ <td class="text-center" style="padding:15px 0;">
+ &nbsp;
+ <a href="#" class="newsletter-btn">More</a>
+ &nbsp;
</td>
</tr>
- </tbody>
+ </tfoot>
</table>
- </div>
- </div>
- </div>
-
- <div name="Separator" class="o_mail_block_footer_seprator">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
+ </td>
+ <td class="horizontal-padding vertical-padding col_mv">
+ <table cellspacing="0" cellpadding="0" class="table-styles">
+ <thead>
<tr>
- <td valign="top" style="width:600px;" class="vertical-padding">
- <div style="width:600px;" class="separator"></div>
- </td>
+ <th class="bg-beta">
+ <h2 class="display-1 text-center">REGISTERED</h2>
+ </th>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Tag Line" class="o_mail_block_footer_tag_line">
- <div class="snippet_row">
- <div class="snippet-general" bgcolor="#875a7b" style="background-color:#875a7b;width:600px;">
- <table class="table-styles" width="600" align="center" cellpadding="0" cellspacing="0">
- <tbody>
+ </thead>
+ <tbody class="bg-gray-lighter">
<tr>
- <td width="600" class="text-center horizontal-padding vertical-padding bg-beta">
- <p class="display-2" style="margin:10px 0;">Apps That Help You Grow Your Business</p>
+ <td class="text-center col_mv">
+ <p class="display-coupon text-center" style="font-weight:800;">$40</p>
+ <small>user / month (billed annually)</small>
</td>
</tr>
<tr>
- <td class="horizontal-padding vertical-padding bg-beta" style="padding:10px;">
- &nbsp;
- <a href="#" class="newsletter-btn">My Account</a>
- &nbsp;
+ <td valign="top" class="vertical-padding col_mv">
+ <div class="separator"></div>
</td>
</tr>
<tr>
- <td>
- <div class="bg-beta">
- &nbsp;
-
- </div>
+ <td class="col_mv">
+ <p style="margin: 0 15px 15px;">Basic sales and marketing for up to 2 users</p>
</td>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- <div id="email_designer_default_extra" class="o_panel">
- <div class="o_panel_header">
- <span class="fa-stack">
- <i class="fa fa-plus fa-stack-1x"></i>
- </span> Marketing Content
- </div>
- <div class="o_panel_body">
-
- <div name="Discount Coupon" class="o_mail_block_discount2">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
<tr>
- <td class="horizontal-padding vertical-padding">
- <div class="text-center center-block">
- <p class="display-coupon no-margin text-center text-beta" style="font-weight:800;">
- $20
- </p>
- <span class="display-2">FROM YOUR NEXT ORDER!</span>
- </div>
+ <td class="col_mv">
+ <p style="margin: 0 15px 15px;">Account and sales management</p>
</td>
</tr>
<tr>
- <td valign="top" style="width:600px;" class="vertical-padding">
- <div style="width:600px;" class="separator"></div>
+ <td class="col_mv">
+ <p style="margin: 0 15px 15px;">No customization</p>
</td>
</tr>
<tr>
- <td>
- <p class="text-center" style="margin-top:10px;">
- Use This Promo Code BEFORE 1st of August
- </p>
- <p class="horizontal-padding vertical-padding display-2 text-center">
- Code: <strong>45A9E77DGW8455</strong>
- </p>
- <p class="text-center">
- to receive $20 from your next purchase!
- </p>
+ <td class="col_mv">
+ <p style="margin: 0 15px 15px;">No support</p>
</td>
</tr>
+ </tbody>
+ <tfoot class="bg-gray-lighter">
<tr>
- <td valign="top" style="width:600px;" class="vertical-padding">
- <div style="width:600px;" class="separator"></div>
+ <td valign="top">
+ <div class="separator"></div>
</td>
</tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- <div name="Discount Offer" class="o_mail_block_discount1">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellpadding="0" cellspacing="0" width="600" class="table-styles">
- <tbody>
<tr>
- <td class="horizontal-padding vertical-padding text-center col_mv" width="250">
- <table>
- <tr>
- <td>
- <p class="display-coupon text-beta text-center no-margin" style="font-weight:800;">20%</p>
- <p class="display-3 text-beta text-center" style="font-weight:800;">OFF</p>
- </td>
- </tr>
- <tr>
- <td>
- <p class="display-3 text-center">FROM YOUR NEXT ORDER! <br/> &nbsp;</p>
- </td>
- </tr>
- <tr>
- <td class="text-center">
- &nbsp;
- <a href="#" class="newsletter-btn" style="margin-top:15px;">Redeem Discount!</a>
- &nbsp;
- </td>
- </tr>
- </table>
- </td>
- <td class="horizontal-padding vertical-padding col_mv" width="350">
- <p class="no-margin">We are continuing to grow and we miss seeing you be a part of it! We've increased store hours and have lot's of new brands available. To welcome you back please accept this 20% discount on you next purchase by clicking the button.</p>
+ <td class="text-center" style="padding:15px 0;">
+ &nbsp;
+ <a href="#" class="newsletter-btn">More</a>
+ &nbsp;
</td>
</tr>
- </tbody>
+ </tfoot>
</table>
- </div>
- </div>
- </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_two_cols" name="Two Columns">
+ <div class="o_mail_block_two_cols">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td style="vertical-align:top;width:270px;padding:20px 10px 20px 20px;" class="col_mv">
+ <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_inspiral.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
+ <p class="display-2 text-center" style="margin-top:20px;">Step 1</p>
+ <p class="text-center no-margin">
+ We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
+ </p>
+ <div class="text-center" style="margin-top:15px;">
+ <a href="#" class="link-color">Read More...</a>
+ </div>
+ </td>
+
+ <td style="vertical-align:top;width:270px;padding:20px 20px 20px 10px;" class="col_mv">
+ <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_universem.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
+ <p class="display-2 text-center" style="margin-top:20px;">Step 2</p>
+ <p class="text-center no-margin">
+ We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
+ </p>
+ <div class="text-center" style="margin-top:15px;">
+ <a href="#" class="link-color">Read More...</a>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_three_cols" name="Three Columns">
+ <div class="o_mail_block_three_cols">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td style="vertical-align:top;width:180px;padding:20px 5px 20px 20px;" class="col_mv">
+ <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_inspiral.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
+ <p class="display-2 text-center" style="margin-top:20px;">Step 1</p>
+ <p class="text-center no-margin">
+ We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
+ </p>
+ <div class="text-center" style="margin-top:15px;">
+ <a href="#" class="link-color">Read More...</a>
+ </div>
+ </td>
+
+ <td style="vertical-align:top;width:180px;padding:20px 5px 20px 5px;" class="col_mv">
+ <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_universem.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
+ <p class="display-2 text-center" style="margin-top:20px;">Step 2</p>
+ <p class="text-center no-margin">
+ We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
+ </p>
+ <div class="text-center" style="margin-top:15px;">
+ <a href="#" class="link-color">Read More...</a>
+ </div>
+ </td>
+
+ <td style="vertical-align:top;width:180px;padding:20px 20px 20px 5px;" class="col_mv">
+ <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/project/case_study_universem.jpg" style="height:auto;max-width:100%;" alt="Your Logo" />
+ <p class="display-2 text-center" style="margin-top:20px;">Step 3</p>
+ <p class="text-center no-margin">
+ We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.
+ </p>
+ <div class="text-center" style="margin-top:15px;">
+ <a href="#" class="link-color">Read More...</a>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_image_text" name="Image - Text">
+ <div class="o_mail_block_image_text">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td style="width:270px;text-align:center;vertical-align:middle" class="col_mv horizontal-padding vertical-padding">
+ <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/crm/crm_top_banner.jpg" style="height:auto;max-width:270px;width:270px;" alt="Your Logo" />
+ </td>
+ <td style="width:270px;vertical-align:middle;text-align:justify;" class="col_mv horizontal-padding vertical-padding">
+ <p class="display-2">Account Information</p>
+ <p class="no-margin">We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.</p>
+ <div class="text-center" style="margin-top:15px;">
+ <a href="#" class="link-color">Read More...</a>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_text_image" name="Text - Image">
+ <div class="o_mail_block_text_image">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td style="width:270px;vertical-align:middle;text-align:justify;" class="col_mv horizontal-padding vertical-padding mobile-col">
+ <p class="display-2">Account Information</p>
+ <p class="no-margin">We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.</p>
+ <div class="text-center" style="margin-top:15px;">
+ <a href="#" class="link-color">Read More...</a>
+ </div>
+ </td>
+ <td style="width:270px;text-align:center;vertical-align:middle" class="col_mv horizontal-padding vertical-padding">
+ <img src="http://www.odoocdn.com/openerp_website/static/src/img/2016/sales/sale_top_banner.jpg" style="height:auto;max-width:270px;width:270px;" alt="Your Logo" />
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
- <div name="Event" class="o_mail_block_event">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellpadding="0" cellspacing="0" width="600" class="table-styles">
+<template id="s_mail_block_image" name="Image">
+ <div class="o_mail_block_image">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td width="100%" align="center" style="text-align:center" class="horizontal-padding vertical-padding">
+ &nbsp;
+ <span class="fa fa-camera fa-10x"></span>
+ &nbsp;
+ </td>
+ </tr>
+ <tr>
+ <td width="100%" class="horizontal-padding vertical-padding">
+ <p class="no-margin"><strong>We need you to update your account information. If there is ever a problem with your account, this information will make it easier for you to log back in.</strong></p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_footer_separator" name="Separator">
+ <div class="o_mail_block_footer_separator">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td valign="top" style="width:600px;" class="vertical-padding">
+ <div style="width:600px;" class="separator"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_footer_tag_line" name="Tag Line">
+ <div class="o_mail_block_footer_tag_line">
+ <div class="snippet_row">
+ <div class="snippet-general" bgcolor="#875a7b" style="background-color:#875a7b;width:600px;">
+ <table class="table-styles" width="600" align="center" cellpadding="0" cellspacing="0">
+ <tbody>
+ <tr>
+ <td width="600" class="text-center horizontal-padding vertical-padding bg-beta">
+ <p class="display-2" style="margin:10px 0;">Apps That Help You Grow Your Business</p>
+ </td>
+ </tr>
+ <tr>
+ <td class="horizontal-padding vertical-padding bg-beta" style="padding:10px;">
+ &nbsp;
+ <a href="#" class="newsletter-btn">My Account</a>
+ &nbsp;
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <div class="bg-beta">
+ &nbsp;
+
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_discount2" name="Discount Coupon">
+ <div class="o_mail_block_discount2">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td class="horizontal-padding vertical-padding">
+ <div class="text-center center-block">
+ <p class="display-coupon no-margin text-center text-beta" style="font-weight:800;">
+ $20
+ </p>
+ <span class="display-2">FROM YOUR NEXT ORDER!</span>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top" style="width:600px;" class="vertical-padding">
+ <div style="width:600px;" class="separator"></div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <p class="text-center" style="margin-top:10px;">
+ Use This Promo Code BEFORE 1st of August
+ </p>
+ <p class="horizontal-padding vertical-padding display-2 text-center">
+ Code: <strong>45A9E77DGW8455</strong>
+ </p>
+ <p class="text-center">
+ to receive $20 from your next purchase!
+ </p>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top" style="width:600px;" class="vertical-padding">
+ <div style="width:600px;" class="separator"></div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_mail_block_discount1" name="Discount Offer">
+ <div class="o_mail_block_discount1">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellpadding="0" cellspacing="0" width="600" class="table-styles">
+ <tbody>
+ <tr>
+ <td class="horizontal-padding vertical-padding text-center col_mv" width="250">
+ <table>
<tr>
- <td style="width:25%;height: 150px;vertical-align:middle;" class="horizontal-padding vertical-padding bg-beta text-center">
- <span class="display-1">21</span>
- <span class="display-1">Jul</span>
- <span style="display: block;font-weight: 600" class="display-3">
- ALL DAY
- </span>
+ <td>
+ <p class="display-coupon text-beta text-center no-margin" style="font-weight:800;">20%</p>
+ <p class="display-3 text-beta text-center" style="font-weight:800;">OFF</p>
</td>
- <td style="width:25%;height: 150px;" class="horizontal-padding vertical-padding text-center bg-delta">
- <div style="margin:27px auto">
- &nbsp;
- <span class="fa fa-calendar fa-5x"></span>
- &nbsp;
- </div>
+ </tr>
+ <tr>
+ <td>
+ <p class="display-3 text-center">FROM YOUR NEXT ORDER! <br/> &nbsp;</p>
</td>
- <td style="vertical-align:top;width:50%;height:150px;min-width:255px" class="col_mv">
- <table style="width:100%;border-collapse:separate;">
- <tr style="padding-right:5px;">
- <td style="padding-top:20px;padding-left:20px;float:left" width="90%">
- <div style="min-height:100px;text-align:left">
- <p class="no-margin display-3">Your Event Name</p>
- <p class="no-margin">Description</p>
- </div>
- <div style="padding-left:0">
- <p style="display: table-cell;cursor: pointer;font-size: 11px;font-weight: 300;padding: 3px 30px;">
- <a href="#" class="link-color">Link </a>
- </p>
- <p style="display: table-cell;cursor: pointer;font-size: 11px;font-weight: 300;padding: 3px 30px;">
- <a href="#" class="link-color">Info</a>
- </p>
- </div>
- </td>
- <td style="vertical-align:middle;">
- <div t-if="website" style="padding-left:16px">
- <t t-if="website.social_facebook">
- <div style="width:33%;margin-left:0">
- <a t-att-href="website.social_facebook">
- <span class="fa fa-facebook-square fa-2x"></span>
- </a>
- </div>
- </t>
- <t t-if="website.social_twitter">
- <div style="width:34%;margin-left:0">
- <a t-att-href="website.social_twitter">
- <span class="fa fa-twitter-square fa-2x"></span>
- </a>
- </div>
- </t>
- <t t-if="website.social_googleplus">
- <div style="width:33%;margin-left:0">
- <a t-att-href="website.social_googleplus">
- <span class="fa fa-google-plus-square fa-2x"></span>
- </a>
- </div>
- </t>
- </div>
- </td>
- </tr>
- </table>
+ </tr>
+ <tr>
+ <td class="text-center">
+ &nbsp;
+ <a href="#" class="newsletter-btn" style="margin-top:15px;">Redeem Discount!</a>
+ &nbsp;
</td>
</tr>
</table>
- </div>
- </div>
- </div>
-
- <div name="Steps" class="o_mail_block_steps">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
- <tr>
- <td class="col_mv horizontal-padding vertical-padding bg-beta">
- <table class="table-styles">
- <tr>
- <td rowspan="2">
- &nbsp;
- <span class="fa fa-hand-pointer-o fa-3x"></span>
- &nbsp;
- </td>
- <td style="padding-left:10px;">
- <p style="font-weight:bold;margin:0 0 3px 0;" class="display-3">Step 1:</p>
- <p class="no-margin">Register</p>
- </td>
- </tr>
- </table>
- </td>
- <td class="col_mv horizontal-padding vertical-padding">
- <table class="table-styles">
- <tr>
- <td rowspan="2">
- &nbsp;
- <span class="fa fa-map-marker fa-3x"></span>
- &nbsp;
- </td>
- <td style="padding-left:10px;">
- <p style="font-weight:bold;margin:0 0 3px 0" class="display-3">Step 2:</p>
- <p class="no-margin">Attend</p>
- </td>
- </tr>
- </table>
- </td>
- <td class="col_mv horizontal-padding vertical-padding">
- <table class="table-styles">
- <tr>
- <td rowspan="2">
- &nbsp;
- <span class="fa fa-money fa-3x"></span>
- &nbsp;
- </td>
- <td style="padding-left:10px;">
- <p style="font-weight:bold;margin:0 0 3px 0" class="display-3">Step 3:</p>
- <p class="no-margin">Win</p>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
- </div>
+ </td>
+ <td class="horizontal-padding vertical-padding col_mv" width="350">
+ <p class="no-margin">We are continuing to grow and we miss seeing you be a part of it! We've increased store hours and have lot's of new brands available. To welcome you back please accept this 20% discount on you next purchase by clicking the button.</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
</div>
- <div t-if="website" id="email_designer_default_footer" class="o_panel">
- <div class="o_panel_header">
- <span class="fa-stack">
- <i class="fa fa-angle-double-down fa-stack-1x"></i>
- </span> Footers
- </div>
- <div class="o_panel_body">
+ </div>
+ </div>
+</template>
- <div name="Footer" class="o_mail_block_footer_social">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
- <tr>
- <td style="text-align:center">
- &nbsp;
- <t t-if="website.social_facebook">
- <a t-att-href="website.social_facebook" class="link-color">
- <span class="fa fa-facebook-square fa-2x"></span>
- </a>
- </t>
- <t t-if="website.social_googleplus">
- <a t-att-href="website.social_googleplus" style="padding-left:5px;" class="link-color">
- <span class="fa fa-google-plus-square fa-2x"></span>
+<template id="s_mail_block_event" name="Event">
+ <div class="o_mail_block_event">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellpadding="0" cellspacing="0" width="600" class="table-styles">
+ <tr>
+ <td style="width:25%;height: 150px;vertical-align:middle;" class="horizontal-padding vertical-padding bg-beta text-center">
+ <span class="display-1">21</span>
+ <span class="display-1">Jul</span>
+ <span style="display: block;font-weight: 600" class="display-3">
+ ALL DAY
+ </span>
+ </td>
+ <td style="width:25%;height: 150px;" class="horizontal-padding vertical-padding text-center bg-delta">
+ <div style="margin:27px auto">
+ &nbsp;
+ <span class="fa fa-calendar fa-5x"></span>
+ &nbsp;
+ </div>
+ </td>
+ <td style="vertical-align:top;width:50%;height:150px;min-width:255px" class="col_mv">
+ <table style="width:100%;border-collapse:separate;">
+ <tr style="padding-right:5px;">
+ <td style="padding-top:20px;padding-left:20px;float:left" width="90%">
+ <div style="min-height:100px;text-align:left">
+ <p class="no-margin display-3">Your Event Name</p>
+ <p class="no-margin">Description</p>
+ </div>
+ <div style="padding-left:0">
+ <p style="display: table-cell;cursor: pointer;font-size: 11px;font-weight: 300;padding: 3px 30px;">
+ <a href="#" class="link-color">Link </a>
+ </p>
+ <p style="display: table-cell;cursor: pointer;font-size: 11px;font-weight: 300;padding: 3px 30px;">
+ <a href="#" class="link-color">Info</a>
+ </p>
+ </div>
+ </td>
+ <td style="vertical-align:middle;">
+ <div t-if="website" style="padding-left:16px">
+ <t t-if="website.social_facebook">
+ <div style="width:33%;margin-left:0">
+ <a t-att-href="website.social_facebook">
+ <span class="fa fa-facebook-square fa-2x"></span>
</a>
- </t>
- <t t-if="website.social_linkedin">
- <a t-att-href="website.social_linkedin" style="padding-left:5px;" class="link-color">
- <span class="fa fa-linkedin-square fa-2x"></span>
+ </div>
+ </t>
+ <t t-if="website.social_twitter">
+ <div style="width:34%;margin-left:0">
+ <a t-att-href="website.social_twitter">
+ <span class="fa fa-twitter-square fa-2x"></span>
</a>
- </t>
- <t t-if="website.social_twitter">
- <a t-att-href="website.social_twitter" style="padding-left:5px;" class="link-color">
- <span class="fa fa-twitter-square fa-2x"></span>
+ </div>
+ </t>
+ <t t-if="website.social_googleplus">
+ <div style="width:33%;margin-left:0">
+ <a t-att-href="website.social_googleplus">
+ <span class="fa fa-google-plus-square fa-2x"></span>
</a>
- </t>
- &nbsp;
- </td>
- </tr>
- <tr>
- <td style="font-size:12px;text-align:center;padding:10px">
- &nbsp;
- <a href="/unsubscribe_from_list" class="link-color">Unsubscribe</a> | <a href="/page/contactus" class="link-color">Contact</a>
- &nbsp;
- </td>
- </tr>
- <tr>
- <td class="horizontal-padding vertical-padding">
- <p style="font-size:12px;text-align:center;" class="no-margin">© 2014 All Rights Reserved</p>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
+ </div>
+ </t>
+ </div>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </div>
+ </div>
+</template>
- <!-- <div name="Text + Copyright" class="o_mail_block_footer_copyright">
- <div class="snippet_row">
- <div class="snippet-general">
- <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
- <tbody>
- <tr>
- <td class="horizontal-padding text-center" style="padding-top:10px;">
- &nbsp;
- <a href="https://apps.odoo.com/unsubscribe_from_list" class="link-color text-center">Unsubscribe</a>
- <t t-if="website"> | <a href="/page/contactus" class="link-color text-center">Contact</a> </t>
- &nbsp;
- </td>
- </tr>
- </tbody>
+<template id="s_mail_block_steps" name="Steps">
+ <div class="o_mail_block_steps">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td class="col_mv horizontal-padding vertical-padding bg-beta">
+ <table class="table-styles">
+ <tr>
+ <td rowspan="2">
+ &nbsp;
+ <span class="fa fa-hand-pointer-o fa-3x"></span>
+ &nbsp;
+ </td>
+ <td style="padding-left:10px;">
+ <p style="font-weight:bold;margin:0 0 3px 0;" class="display-3">Step 1:</p>
+ <p class="no-margin">Register</p>
+ </td>
+ </tr>
</table>
- </div>
- </div>
- </div> -->
-
- <!-- <div name="Text Only" class="o_mail_block_footer_text">
- <div class="snippet_row">
- <div class="snippet-general">
- <table class="table-styles" width="600" align="center" cellpadding="0" cellspacing="0">
- <tbody>
- <tr>
- <td valign="middle" style="font-size:12px;padding:10px;text-align:center">
- &nbsp;
- <t t-if="website">
- <a href="/page/contactus" style="padding-right:3px;" class="link-color">Contact Us</a> |
- <t t-if="website.social_facebook">
- <a t-att-href="website.social_facebook" style="padding-right:3px;" class="link-color">Facebook</a> |
- </t>
- <t t-if="website.social_twitter">
- <a t-att-href="website.social_twitter" style="padding-right:3px;" class="link-color">Twitter</a> |
- </t>
- </t>
- <a href="https://apps.odoo.com/unsubscribe_from_list" class="link-color">Unsubscribe</a>
- &nbsp;
- </td>
- </tr>
- </tbody>
+ </td>
+ <td class="col_mv horizontal-padding vertical-padding">
+ <table class="table-styles">
+ <tr>
+ <td rowspan="2">
+ &nbsp;
+ <span class="fa fa-map-marker fa-3x"></span>
+ &nbsp;
+ </td>
+ <td style="padding-left:10px;">
+ <p style="font-weight:bold;margin:0 0 3px 0" class="display-3">Step 2:</p>
+ <p class="no-margin">Attend</p>
+ </td>
+ </tr>
</table>
- </div>
- </div>
- </div> -->
-
- </div>
+ </td>
+ <td class="col_mv horizontal-padding vertical-padding">
+ <table class="table-styles">
+ <tr>
+ <td rowspan="2">
+ &nbsp;
+ <span class="fa fa-money fa-3x"></span>
+ &nbsp;
+ </td>
+ <td style="padding-left:10px;">
+ <p style="font-weight:bold;margin:0 0 3px 0" class="display-3">Step 3:</p>
+ <p class="no-margin">Win</p>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </tbody>
+ </table>
</div>
</div>
- </xpath>
+ </div>
+</template>
- <xpath expr="//div[@id='snippet_options']" position="inside">
- <t t-call="mass_mailing.snippet_options"/>
- </xpath>
+<template id="s_mail_block_footer_social" name="Footer">
+ <div class="o_mail_block_footer_social">
+ <div class="snippet_row">
+ <div class="snippet-general">
+ <table align="center" cellspacing="0" cellpadding="0" class="table-styles" width="600">
+ <tbody>
+ <tr>
+ <td style="text-align:center">
+ &nbsp;
+ <t t-if="website.social_facebook">
+ <a t-att-href="website.social_facebook" class="link-color">
+ <span class="fa fa-facebook-square fa-2x"></span>
+ </a>
+ </t>
+ <t t-if="website.social_googleplus">
+ <a t-att-href="website.social_googleplus" style="padding-left:5px;" class="link-color">
+ <span class="fa fa-google-plus-square fa-2x"></span>
+ </a>
+ </t>
+ <t t-if="website.social_linkedin">
+ <a t-att-href="website.social_linkedin" style="padding-left:5px;" class="link-color">
+ <span class="fa fa-linkedin-square fa-2x"></span>
+ </a>
+ </t>
+ <t t-if="website.social_twitter">
+ <a t-att-href="website.social_twitter" style="padding-left:5px;" class="link-color">
+ <span class="fa fa-twitter-square fa-2x"></span>
+ </a>
+ </t>
+ &nbsp;
+ </td>
+ </tr>
+ <tr>
+ <td style="font-size:12px;text-align:center;padding:10px">
+ &nbsp;
+ <a href="/unsubscribe_from_list" class="link-color">Unsubscribe</a> | <a href="/page/contactus" class="link-color">Contact</a>
+ &nbsp;
+ </td>
+ </tr>
+ <tr>
+ <td class="horizontal-padding vertical-padding">
+ <p style="font-size:12px;text-align:center;" class="no-margin">© 2014 All Rights Reserved</p>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
</template>
</odoo>