init
This commit is contained in:
emmymayo
@@ -0,0 +1,47 @@
|
||||
{{#if isWoocommerceTransactional}}
|
||||
<h1><%= _x('Edit template for WooCommerce emails', 'Name of user interface used to customize email template used for eCommerce related emails (for example order confirmation email)') %></h1>
|
||||
<p class="mailpoet_heading_wc_template_description"><%= __('This email template will be used for all your WooCommerce emails. Meaning that any content added to this template will be visible in all WooCommerce emails. If you want to change email-specific content including titles, [link]visit WooCommerce settings[/link].')|replaceLinkTags('?page=wc-settings&tab=email', {'target': '_blank'})|raw %></p>
|
||||
<div class="mailpoet_form_field mailpoet_heading_form_field">
|
||||
<label for="mailpoet_heading_email_type"><%= _x('Load dummy data for email:', 'Label of a dropdown used to switch between email type: order processing, order completed, ...') %></label>
|
||||
<select id="mailpoet_heading_email_type">
|
||||
<option value="new_account"><%= __('New account', 'woocommerce') %></option>
|
||||
<option value="processing_order"><%= __('Processing order', 'woocommerce') %></option>
|
||||
<option value="completed_order" selected="selected"><%= __('Completed order', 'woocommerce') %></option>
|
||||
<option value="customer_note"><%= __('Customer note', 'woocommerce') %></option>
|
||||
</select>
|
||||
</div>
|
||||
{{else if isAutomationEmail}}
|
||||
|
||||
{{else if isConfirmationEmailTemplate}}
|
||||
<h3><%= _x('Edit template for Confirmation emails', 'Name of user interface used to customize email template used for confirmation emails') %></h3>
|
||||
<div class="mailpoet_form_field mailpoet_heading_form_field">
|
||||
<input
|
||||
type="text"
|
||||
class="mailpoet_input mailpoet_input_title"
|
||||
data-automation-id="newsletter_title"
|
||||
value="{{ model.subject }}"
|
||||
placeholder="<%= __('Click here to change the subject!') %>"
|
||||
/>
|
||||
<span id="tooltip-designer-subject-line" class="tooltip-help-designer-subject-line"></span>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="mailpoet_form_field mailpoet_heading_form_field">
|
||||
<input
|
||||
type="text"
|
||||
class="mailpoet_input mailpoet_input_title"
|
||||
data-automation-id="newsletter_title"
|
||||
value="{{ model.subject }}"
|
||||
placeholder="<%= __('Click here to change the subject!') %>"
|
||||
/>
|
||||
<span id="tooltip-designer-subject-line" class="tooltip-help-designer-subject-line"></span>
|
||||
</div>
|
||||
<div class="mailpoet_form_field mailpoet_heading_form_field">
|
||||
<input type="text"
|
||||
class="mailpoet_input mailpoet_input_preheader"
|
||||
value="{{ model.preheader }}"
|
||||
placeholder="<%= __('Preview text (usually displayed underneath the subject line in the inbox)') %>"
|
||||
maxlength="250"
|
||||
/>
|
||||
<span id="tooltip-designer-preheader" class="tooltip-help-designer-preheader"></span>
|
||||
</div>
|
||||
{{/if}}
|
||||
@@ -0,0 +1,16 @@
|
||||
<div class="mailpoet_history_wrapper">
|
||||
<a id="mailpoet-history-arrow-undo" class="mailpoet_history_arrow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="miter" fill="none">
|
||||
<path d="M5,17 L5,15 C5,10.0294373 8.80557963,6 13.5,6 C18.1944204,6 22,10.0294373 22,15"/>
|
||||
<polyline points="8 15 5 18 2 15"/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a id="mailpoet-history-arrow-redo" class="mailpoet_history_arrow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="miter" fill="none">
|
||||
<path d="M19,17 L19,15 C19,10.0294373 15.1944204,6 10.5,6 C5.80557963,6 2,10.0294373 2,15"/>
|
||||
<polyline points="16 15 19 18 22 15"/>
|
||||
</svg>
|
||||
</a>
|
||||
<input type="button" id="mailpoet-history-reset-template" class="button-link mailpoet_reset_template mailpoet_hidden" value="<%= __('Reset template') | escape('html_attr') %>" />
|
||||
</div>
|
||||
@@ -0,0 +1 @@
|
||||
<?php
|
||||
+72
@@ -0,0 +1,72 @@
|
||||
<div class="mailpoet_browser_preview_link">
|
||||
<a href="{{ previewUrl }}" target="_blank" rel="noopener noreferrer"><%= _x('Open in new tab', 'Open email preview in new tab') %></a>
|
||||
</div>
|
||||
<div class="mailpoet_browser_preview_toggle">
|
||||
<label>
|
||||
<input type="radio" name="mailpoet_browser_preview_type" class="mailpoet_browser_preview_type" value="desktop" {{#ifCond previewType '==' 'desktop'}}CHECKED{{/ifCond}} /><%= _x('Desktop', 'Desktop browser preview mode') %>
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" name="mailpoet_browser_preview_type" class="mailpoet_browser_preview_type" value="mobile" {{#ifCond previewType '==' 'mobile'}}CHECKED{{/ifCond}} /><%= _x('Mobile', 'Mobile browser preview mode') %>
|
||||
</label>
|
||||
<label>
|
||||
<input data-automation-id="switch_send_to_email" type="radio" name="mailpoet_browser_preview_type" class="mailpoet_browser_preview_type" value="send_to_email" {{#ifCond previewType '==' 'send_to_email'}}CHECKED{{/ifCond}} /><%= __('Send to email') %>
|
||||
</label>
|
||||
</div>
|
||||
<div
|
||||
class="
|
||||
mailpoet_browser_preview_container
|
||||
{{#ifCond previewType '==' 'mobile'}}mailpoet_browser_preview_container_mobile{{/ifCond}}
|
||||
{{#ifCond previewType '==' 'desktop'}}mailpoet_browser_preview_container_desktop{{/ifCond}}
|
||||
{{#ifCond previewType '==' 'send_to_email'}}mailpoet_browser_preview_container_send_to_email{{/ifCond}}
|
||||
"
|
||||
>
|
||||
<div class="mailpoet_browser_preview_border">
|
||||
<iframe id="mailpoet_browser_preview_iframe" class="mailpoet_browser_preview_iframe" src="{{ previewUrl }}" width="{{ width }}" height="{{ height }}"></iframe>
|
||||
</div>
|
||||
|
||||
<div class="mailpoet_preview_send_to_email">
|
||||
<iframe name="mailpoet_save_preview_email_for_autocomplete" style="display:none" src="about:blank"></iframe>
|
||||
<form target="mailpoet_save_preview_email_for_autocomplete">
|
||||
<div class="mailpoet_form_field">
|
||||
<label>
|
||||
<%= __('Send preview to') %><br />
|
||||
<input id="mailpoet_preview_to_email" class="mailpoet_input mailpoet_input_full" type="text" name="to_email" value="{{ email }}" autocomplete="email" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="mailpoet_form_field relative-holder">
|
||||
<input
|
||||
type="submit"
|
||||
id="mailpoet_send_preview"
|
||||
class="button button-primary mailpoet_button_full"
|
||||
value="
|
||||
{{#if sendingPreview}}<%= __('Sending…') %>{{/if}}
|
||||
{{#unless sendingPreview}}<%= __('Send preview') %>{{/unless}}
|
||||
"
|
||||
{{#if sendingPreview}}disabled{{/if}}
|
||||
/>
|
||||
<p><%= __('A MailPoet logo will appear in the footer of all emails sent with the free version of MailPoet.') %></p>
|
||||
<p class="{{#unless previewSendingSuccess}}mailpoet_hidden{{/unless}} mailpoet_success">
|
||||
<%= __('Your test email has been sent!') %>
|
||||
</p>
|
||||
<p class="{{#unless previewSendingSuccess}}mailpoet_hidden{{/unless}}">
|
||||
<%= __('Didn’t receive the test email? Read our [link]quick guide[/link] to sending issues.')|replaceLinkTags('https://kb.mailpoet.com/article/146-my-newsletters-are-not-being-received', {'target': '_blank', 'rel': 'noopener noreferrer'})|raw %>
|
||||
</p>
|
||||
<div class="{{#unless previewSendingError}}mailpoet_hidden{{/unless}} mailpoet_error" id="mailpoet_preview_sending_error"></div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{{#if mssKeyPendingApproval }}
|
||||
<div class="mailpoet_error pendindig_approval_error{{#if awaitingKeyCheck}} with-spinner{{/if}}">
|
||||
<p>
|
||||
<%= pending_approval_message() %>
|
||||
</p>
|
||||
{{#if mssKeyPendingApprovalRefreshMessage }}
|
||||
<p>
|
||||
<%= __('If you have already received approval email, click [link]here[/link] to update the status.')|replaceLinkTags('#', {'id': 'refresh-mss-key-status'})|raw %>
|
||||
</p>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,75 @@
|
||||
<div class="mailpoet_save_wrapper {{ wrapperClass }}">
|
||||
{{#if isWoocommerceTransactional}}
|
||||
<div class="mailpoet_save_button_group">
|
||||
<input type="button" name="save" value="<%= __('Save') %>" class="button button-primary mailpoet_save_button" />
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="mailpoet_editor_messages">
|
||||
<div class="mailpoet_save_error"></div>
|
||||
<div class="mailpoet_editor_last_saved">
|
||||
|
||||
<span class="mailpoet_autosaved_message mailpoet_hidden"><%= __('Autosaved') %></span>
|
||||
<span class="mailpoet_autosaved_at mailpoet_hidden"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="mailpoet_save_woocommerce_customizer_disabled{{#if woocommerceCustomizerEnabled}} mailpoet_hidden{{/if}}">
|
||||
<div class="mailpoet_save_woocommerce_error"><%= __('The usage of this email template for your WooCommerce emails is not yet activated.') %></div>
|
||||
<input type="button" name="activate_wc_customizer" value="<%= __('Activate now') %>" class="button button-primary mailpoet_save_activate_wc_customizer_button" style="margin-top: 17px">
|
||||
</div>
|
||||
{{else if isAutomationEmail}}
|
||||
<input type="button" name="preview" class="button mailpoet_show_preview mailpoet_hidden" value="<%= __('Preview') %>" />
|
||||
<input type="button" name="save" value="<%= __('Save') %>" class="button button-primary mailpoet_save_go_to_automation mailpoet_hidden" />
|
||||
{{else if isConfirmationEmailTemplate}}
|
||||
<div class="mailpoet_editor_confirmation_email_section">
|
||||
<div class="mailpoet_save_button_group">
|
||||
<input type="button" name="preview" value="<%= __('Preview') %>" class="button mailpoet_show_preview" />
|
||||
<input type="button" name="save" value="<%= __('Save') %>" class="button button-primary mailpoet_save_button" />
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="mailpoet_editor_messages_confirmation_email">
|
||||
<div class="mailpoet_save_error"></div>
|
||||
<div class="mailpoet_editor_last_saved">
|
||||
|
||||
<span class="mailpoet_autosaved_message mailpoet_hidden"><%= __('Autosaved') %></span>
|
||||
<span class="mailpoet_autosaved_at"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="mailpoet_save_confirmation_email_disabled{{#if confirmationEmailCustomizerEnabled}} mailpoet_hidden{{/if}}">
|
||||
<div class="mailpoet_save_woocommerce_error"><%= __('The usage of this email template for your Confirmation emails is not yet activated.') %></div>
|
||||
<input type="button" name="activate_confirmation_email_customizer" value="<%= __('Activate now') %>" class="button button-primary mailpoet_save_activate_confirmation_email_customizer_button" style="margin-top: 17px">
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<input type="button" name="preview" class="button mailpoet_show_preview" value="<%= __('Preview') %>" />
|
||||
<input type="button" name="next" value="<%= __('Next') %>" class="button button-primary mailpoet_save_next" />
|
||||
<div class="mailpoet_button_group mailpoet_save_button_group">
|
||||
<input type="button" name="save" value="<%= __('Save') %>" class="button button-primary mailpoet_save_button" /><button class="button button-primary mailpoet_save_show_options" data-automation-id="newsletter_save_options_toggle" ><span class="dashicons mailpoet_save_show_options_icon"></span></button>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="mailpoet_editor_messages">
|
||||
<div class="mailpoet_save_error"></div>
|
||||
<div class="mailpoet_editor_last_saved">
|
||||
|
||||
<span class="mailpoet_autosaved_message mailpoet_hidden"><%= __('Autosaved') %></span>
|
||||
<span class="mailpoet_autosaved_at mailpoet_hidden"></span>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="mailpoet_save_options mailpoet_hidden">
|
||||
<li class="mailpoet_save_option"><a href="javascript:;" class="mailpoet_save_template" data-automation-id="newsletter_save_as_template_option"><%= __('Save as new template') %></a></li>
|
||||
<li class="mailpoet_save_option"><a href="javascript:;" class="mailpoet_save_export"><%= __('Export as template') %></a></li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<div class="mailpoet_save_as_template_container mailpoet_hidden">
|
||||
<p><b class="mailpoet_save_as_template_title"><%= __('Save as new template') %></b></p>
|
||||
<p><input type="text" name="template_name" value="" placeholder="<%= __('Insert template name') %>" class="mailpoet_input mailpoet_save_as_template_name" /></p>
|
||||
<p><input type="button" name="save_as_template" value="<%= __('Save as new template') %>" class="button button-primary mailpoet_button_full mailpoet_save_as_template" data-automation-id="newsletter_save_as_template_button" /></p>
|
||||
</div>
|
||||
<div class="mailpoet_export_template_container mailpoet_hidden">
|
||||
<p><b class="mailpoet_export_template_title"><%= __('Export template') %></b></p>
|
||||
<p><input type="text" name="export_template_name" value="" placeholder="<%= __('Template name') %>" class="mailpoet_input mailpoet_export_template_name" /></p>
|
||||
<p><input type="button" name="export_template" value="<%= __('Export template') %>" class="button button-primary mailpoet_button_full mailpoet_export_template" /></p>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="handlediv" title="Click to toggle"><br></div>
|
||||
<h3><%= __('Content') %></h3>
|
||||
<div class="mailpoet_region_content clearfix">
|
||||
</div>
|
||||
@@ -0,0 +1 @@
|
||||
<?php
|
||||
@@ -0,0 +1,4 @@
|
||||
<div class="handlediv" title="Click to toggle"><br></div>
|
||||
<h3><%= __('Columns') %></h3>
|
||||
<div class="mailpoet_region_content clearfix">
|
||||
</div>
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="mailpoet_sidebar_region" id="mailpoet_editor_history"></div>
|
||||
<div class="mailpoet_region mailpoet_content_region mailpoet_sidebar_region postbox {{#if isWoocommerceTransactional}} closed {{/if}}"></div>
|
||||
<div class="mailpoet_region mailpoet_layout_region mailpoet_sidebar_region postbox closed"></div>
|
||||
<div class="mailpoet_region mailpoet_styles_region mailpoet_sidebar_region postbox {{#if isWoocommerceTransactional}} {{else}} closed {{/if}}"></div>
|
||||
<div class="mailpoet_region mailpoet_preview_region mailpoet_sidebar_region postbox closed{{#if isWoocommerceTransactional}} mailpoet_hidden{{/if}}"></div>
|
||||
@@ -0,0 +1,206 @@
|
||||
<div class="handlediv" title="<%= __('Click to toggle') %>"><br></div>
|
||||
<h3><%= __('Styles') %></h3>
|
||||
<div class="mailpoet_region_content">
|
||||
<form id="mailpoet_newsletter_styles" class="mailpoet_newsletter_styles" action="" method="post" accept-charset="utf-8">
|
||||
<div id='mailpoet_brand_styles'></div>
|
||||
{{#if isWoocommerceTransactional}}
|
||||
<div class="mailpoet_form_field">
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="wc-branding-color" value="{{ model.woocommerce.brandingColor }}" id="mailpoet_wc_branding_color"></span>
|
||||
</span><%= __('Branding color') %>
|
||||
</div>
|
||||
<hr />
|
||||
{{/if}}
|
||||
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
|
||||
<label for="mailpoet_text_font_family">
|
||||
{{#if isWoocommerceTransactional}}
|
||||
<%= __('Text font styles') %>
|
||||
{{else}}
|
||||
<%= __('Text') %>
|
||||
{{/if}}
|
||||
</label>
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="text-color" value="{{ model.text.fontColor }}" id="mailpoet_text_font_color"></span>
|
||||
</span>
|
||||
<select id="mailpoet_text_font_family" name="text-family" class="mailpoet_font_family mailpoet_select mailpoet_select_medium">
|
||||
<optgroup label="<%= __('Standard fonts')%>">
|
||||
{{#each availableStyles.fonts.standard}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.text.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{#if availableStyles.fonts.custom.length}}
|
||||
<optgroup label="<%= __('Custom fonts')%>">
|
||||
{{#each availableStyles.fonts.custom}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.text.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{/if}}
|
||||
</select>
|
||||
<select id="mailpoet_text_font_size" name="text-size" class="mailpoet_font_size mailpoet_select mailpoet_select_small">
|
||||
{{#each availableStyles.textSizes}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.text.fontSize}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
</div>
|
||||
{{#if isWoocommerceTransactional}}
|
||||
<hr />
|
||||
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
|
||||
<label for="mailpoet_text_font_size">
|
||||
<%= __('Heading font styles') %>
|
||||
</label>
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="woocommerce-content-heading-color" value="{{ model.woocommerce.contentHeadingFontColor }}" id="mailpoet_wc_content_heading_font_color"></span>
|
||||
</span>
|
||||
<select id="mailpoet_wc_heading_font_family" name="woo-heading-family" class="mailpoet_font_family mailpoet_select mailpoet_select_medium">
|
||||
<optgroup label="<%= __('Standard fonts')%>">
|
||||
{{#each availableStyles.fonts.standard}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.woocommerce.headingFontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{#if availableStyles.fonts.custom.length}}
|
||||
<optgroup label="<%= __('Custom fonts')%>">
|
||||
{{#each availableStyles.fonts.custom}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.woocommerce.headingFontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{/if}}
|
||||
</select>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
|
||||
<label for="mailpoet_h1_font_size">
|
||||
<%= __('Heading 1') %>
|
||||
</label>
|
||||
{{#unless isWoocommerceTransactional}}
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="h1-color" value="{{ model.h1.fontColor }}" id="mailpoet_h1_font_color"></span>
|
||||
</span>
|
||||
<select id="mailpoet_h1_font_family" name="h1-family" class="mailpoet_font_family mailpoet_select mailpoet_select_medium">
|
||||
<optgroup label="<%= __('Standard fonts')%>">
|
||||
{{#each availableStyles.fonts.standard}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h1.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{#if availableStyles.fonts.custom.length}}
|
||||
<optgroup label="<%= __('Custom fonts')%>">
|
||||
{{#each availableStyles.fonts.custom}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h1.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{/if}}
|
||||
</select>
|
||||
{{/unless}}
|
||||
<select id="mailpoet_h1_font_size" name="h1-size" class="mailpoet_font_size mailpoet_select mailpoet_select_small">
|
||||
{{#each availableStyles.headingSizes}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h1.fontSize}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
|
||||
<label for="mailpoet_h2_font_size">
|
||||
<%= __('Heading 2') %>
|
||||
</label>
|
||||
{{#unless isWoocommerceTransactional}}
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="h2-color" value="{{ model.h2.fontColor }}" id="mailpoet_h2_font_color"></span>
|
||||
</span>
|
||||
<select id="mailpoet_h2_font_family" name="h2-family" class="mailpoet_font_family mailpoet_select mailpoet_select_medium">
|
||||
<optgroup label="<%= __('Standard fonts')%>">
|
||||
{{#each availableStyles.fonts.standard}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h2.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{#if availableStyles.fonts.custom.length}}
|
||||
<optgroup label="<%= __('Custom fonts')%>">
|
||||
{{#each availableStyles.fonts.custom}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h2.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{/if}}
|
||||
</select>
|
||||
{{/unless}}
|
||||
<select id="mailpoet_h2_font_size" name="h2-size" class="mailpoet_font_size mailpoet_select mailpoet_select_small">
|
||||
{{#each availableStyles.headingSizes}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h2.fontSize}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
</div>
|
||||
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
|
||||
<label for="mailpoet_h3_font_size">
|
||||
<%= __('Heading 3') %>
|
||||
</label>
|
||||
{{#unless isWoocommerceTransactional}}
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="h3-color" value="{{ model.h3.fontColor }}" id="mailpoet_h3_font_color"></span>
|
||||
</span>
|
||||
<select id="mailpoet_h3_font_family" name="h3-family" class="mailpoet_font_family mailpoet_select mailpoet_select_medium">
|
||||
<optgroup label="<%= __('Standard fonts')%>">
|
||||
{{#each availableStyles.fonts.standard}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h3.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{#if availableStyles.fonts.custom.length}}
|
||||
<optgroup label="<%= __('Custom fonts')%>">
|
||||
{{#each availableStyles.fonts.custom}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h3.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</optgroup>
|
||||
{{/if}}
|
||||
</select>
|
||||
{{/unless}}
|
||||
<select id="mailpoet_h3_font_size" name="h3-size" class="mailpoet_font_size mailpoet_select mailpoet_select_small">
|
||||
{{#each availableStyles.headingSizes}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h3.fontSize}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
</div>
|
||||
{{#unless isWoocommerceTransactional}}
|
||||
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
|
||||
<label>
|
||||
<%= __('Links') %>
|
||||
</label>
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="link-color" value="{{ model.link.fontColor }}" id="mailpoet_a_font_color"></span>
|
||||
</span><input type="checkbox" name="underline" value="underline" id="mailpoet_a_font_underline" {{#ifCond model.link.textDecoration '==' 'underline'}}CHECKED{{/ifCond}} class="mailpoet_option_offset_left_small"/> <%= __('Underline') %></label>
|
||||
</div>
|
||||
<hr />
|
||||
<div class="mailpoet_form_field">
|
||||
<label for="mailpoet_text_line_height">
|
||||
<%= __('Text line height') %>
|
||||
</label>
|
||||
<select id="mailpoet_text_line_height" name="text-line-height">
|
||||
{{#each availableStyles.lineHeights}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.text.lineHeight}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div class="mailpoet_form_field">
|
||||
<label for="mailpoet_heading_line_height">
|
||||
<%= __('Heading line height') %>
|
||||
</label>
|
||||
<select id="mailpoet_heading_line_height" name="heading-line-height">
|
||||
{{#each availableStyles.lineHeights}}
|
||||
{{!-- Checking against h1 only since all headings have the same line height value. --}}
|
||||
<option value="{{ this }}" {{#ifCond this '==' ../model.h1.lineHeight}}SELECTED{{/ifCond}}>{{ this }}</option>
|
||||
{{/each}}
|
||||
</select>
|
||||
</div>
|
||||
{{/unless}}
|
||||
<hr />
|
||||
<div class="mailpoet_form_field">
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="newsletter-color" value="{{ model.wrapper.backgroundColor }}" id="mailpoet_newsletter_background_color"></span>
|
||||
</span><%= __('Content background') %>
|
||||
</div>
|
||||
<div class="mailpoet_form_field">
|
||||
<span>
|
||||
<span><input type="text" class="mailpoet_color" size="6" maxlength="6" name="background-color" value="{{ model.body.backgroundColor }}" id="mailpoet_background_color"></span>
|
||||
</span><%= __('Global background') %>
|
||||
</div>
|
||||
</form>
|
||||
<p class="mailpoet_settings_notice"><%= __('If an email client [link]does not support a custom web font[/link], a similar standard font will be used instead.')|replaceLinkTags('https://kb.mailpoet.com/article/176-which-fonts-can-be-used-in-mailpoet#custom-web-fonts', {'target' : '_blank'})|raw %></p>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
fontsSelect('.mailpoet_font_family.mailpoet_select');
|
||||
</script>
|
||||
@@ -0,0 +1,94 @@
|
||||
<style type="text/css">
|
||||
.mailpoet_text_block .mailpoet_content,
|
||||
.mailpoet_text_block .mailpoet_content p {
|
||||
color: {{ text.fontColor }};
|
||||
font-size: {{ text.fontSize }};
|
||||
font-family: {{fontWithFallback text.fontFamily }};
|
||||
line-height: {{ text.lineHeight }};
|
||||
}
|
||||
.mailpoet_text_block .mailpoet_content h1 {
|
||||
color: {{ h1.fontColor }};
|
||||
font-size: {{ h1.fontSize }};
|
||||
font-family: {{fontWithFallback h1.fontFamily }};
|
||||
line-height: {{ h1.lineHeight }};
|
||||
}
|
||||
.mailpoet_text_block .mailpoet_content h2 {
|
||||
color: {{ h2.fontColor }};
|
||||
font-size: {{ h2.fontSize }};
|
||||
font-family: {{fontWithFallback h2.fontFamily }};
|
||||
line-height: {{ h2.lineHeight }};
|
||||
}
|
||||
.mailpoet_text_block .mailpoet_content h3 {
|
||||
color: {{ h3.fontColor }};
|
||||
font-size: {{ h3.fontSize }};
|
||||
font-family: {{fontWithFallback h3.fontFamily }};
|
||||
line-height: {{ h3.lineHeight }};
|
||||
}
|
||||
.mailpoet_content a {
|
||||
color: {{ link.fontColor }};
|
||||
text-decoration: {{ link.textDecoration }};
|
||||
}
|
||||
.mailpoet_container_block, .mailpoet_container {
|
||||
background-color: {{ wrapper.backgroundColor }};
|
||||
}
|
||||
#mailpoet_editor_main_wrapper {
|
||||
background-color: {{ body.backgroundColor }};
|
||||
}
|
||||
{{#if isWoocommerceTransactional}}
|
||||
.mailpoet_text_block .mailpoet_content,
|
||||
.mailpoet_text_block .mailpoet_content p {
|
||||
font-family: {{fontWithFallback text.fontFamily }};
|
||||
}
|
||||
.mailpoet_text_block .mailpoet_content h1,
|
||||
.mailpoet_text_block .mailpoet_content h2,
|
||||
.mailpoet_text_block .mailpoet_content h3 {
|
||||
color: {{#if woocommerce.contentHeadingFontColor }}{{ woocommerce.contentHeadingFontColor }}{{else}}{{ woocommerce.brandingColor }}{{/if}};
|
||||
}
|
||||
.mailpoet_content h1 {
|
||||
font-size: {{ h1.fontSize }} !important;
|
||||
font-family: {{ woocommerce.headingFontFamily }} !important;
|
||||
}
|
||||
.mailpoet_content h2 {
|
||||
font-size: {{ h2.fontSize }} !important;
|
||||
font-family: {{ woocommerce.headingFontFamily }} !important;
|
||||
}
|
||||
.mailpoet_content h3 {
|
||||
font-size: {{ h3.fontSize }} !important;
|
||||
font-family: {{ woocommerce.headingFontFamily }} !important;
|
||||
}
|
||||
.mailpoet_woocommerce_heading {
|
||||
padding: 30px 20px;
|
||||
background: {{ woocommerce.brandingColor }};
|
||||
}
|
||||
.mailpoet_woocommerce_heading h1 {
|
||||
line-height: 1.2em;
|
||||
font-family: {{fontWithFallback text.fontFamily }};
|
||||
color: {{ woocommerce.headingFontColor }};
|
||||
margin: 0;
|
||||
}
|
||||
.mailpoet_woocommerce_content {
|
||||
color: {{ text.fontColor }};
|
||||
}
|
||||
.mailpoet_woocommerce_content * {
|
||||
font-family: {{fontWithFallback text.fontFamily }} !important;
|
||||
font-size: {{ text.fontSize }};
|
||||
}
|
||||
.mailpoet_woocommerce_content a {
|
||||
color: {{ link.fontColor }};
|
||||
}
|
||||
.mailpoet_woocommerce_content h1,
|
||||
.mailpoet_woocommerce_content h2,
|
||||
.mailpoet_woocommerce_content h3 {
|
||||
color: {{#if woocommerce.contentHeadingFontColor }}{{ woocommerce.contentHeadingFontColor }}{{else}}{{ woocommerce.brandingColor }}{{/if}};
|
||||
}
|
||||
{{/if}}
|
||||
.mailpoet_editor_confirmation_email_section {
|
||||
margin: 10px;
|
||||
}
|
||||
.mailpoet_editor_messages_confirmation_email {
|
||||
font-size: 13px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 60%;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user