Kadence WooCommerce Email Designer - Version 1.0.8

Version Description

  • Add: Warning about Box Shadow not being well supported by email clients.
  • Update: Better Outlook Inbox support.
Download this release

Release Info

Developer britner
Plugin Icon 128x128 Kadence WooCommerce Email Designer
Version 1.0.8
Comparing to
See all releases

Code changes from version 1.0.7 to 1.0.8

Files changed (8) hide show
  1. includes/class-kadence-woomail-customizer.php +31 -13
  2. includes/class-kadence-woomail-settings.php +11 -8
  3. kadence-woocommerce-email-designer.php +59 -51
  4. readme.txt +5 -1
  5. templates/woo/emails/email-addresses.php +2 -2
  6. templates/woo/emails/email-header.php +16 -5
  7. templates/woo/emails/email-order-details.php +26 -18
  8. templates/woo/emails/email-styles.php +26 -44
includes/class-kadence-woomail-customizer.php CHANGED
@@ -931,19 +931,37 @@ class Kadence_Woomail_Customizer {
931
  * @return string
932
  */
933
  public static function get_static_styles() {
934
- return 'html, body {height:100%; position:relative;}
935
- #body_content_inner > table {
936
- border-collapse: collapse;
937
- }
938
- #body_content_inner > table.td > tbody {
939
- border-bottom-style: solid;
940
- }
941
- #template_header h1 {
942
- text-shadow:none;
943
- }
944
- #template_header_image p {
945
- margin-bottom:0;
946
- }';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
947
  }
948
 
949
  }
931
  * @return string
932
  */
933
  public static function get_static_styles() {
934
+ return '.order-items-light table.td .td {
935
+ border: 0;
936
+ }
937
+ .order-items-light table.td {
938
+ border: 0;
939
+ }
940
+ .order-items-light tr th.td {
941
+ font-weight:bold;
942
+ }
943
+ .order-items-light tr .td {
944
+ text-align:center !important;
945
+ }
946
+ .order-items-light tr .td:first-child {
947
+ padding-left: 0 !important;
948
+ text-align:left !important;
949
+ }
950
+ .order-items-light tr .td:last-child {
951
+ padding-right: 0 !important;
952
+ text-align:right !important;
953
+ }
954
+
955
+ .title-style-behind #template_container h2 {
956
+ border-top:0 !important;
957
+ border-bottom:0 !important;
958
+ }
959
+ .title-style-above #template_container h2 {
960
+ border-bottom:0 !important;
961
+ }
962
+ .title-style-below #template_container h2 {
963
+ border-top:0 !important;
964
+ }';
965
  }
966
 
967
  }
includes/class-kadence-woomail-settings.php CHANGED
@@ -738,6 +738,7 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
738
  'title' => __('Shadow', 'kadence-woocommerce-email-designer'),
739
  'control_type' => 'rangevalue',
740
  'section' => 'container',
 
741
  'default' => Kadence_Woomail_Settings::get_default_value('shadow'),
742
  'live_method' => 'css',
743
  'selectors' => array(
@@ -791,7 +792,7 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
791
  'type' => 'select',
792
  'choices' => Kadence_Woomail_Settings::get_image_aligns(),
793
  'selectors' => array(
794
- '#template_header_image' => array('text-align'),
795
  ),
796
  ),
797
  // Image Maxwidth
@@ -828,7 +829,7 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
828
  'default' => Kadence_Woomail_Settings::get_default_value('header_image_padding_top_bottom'),
829
  'live_method' => 'css',
830
  'selectors' => array(
831
- '#template_header_image' => array('padding-top', 'padding-bottom'),
832
  ),
833
  'input_attrs' => array(
834
  'step' => 1,
@@ -1638,7 +1639,9 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
1638
  'default' => Kadence_Woomail_Settings::get_default_value('items_table_border_width'),
1639
  'live_method' => 'css',
1640
  'selectors' => array(
1641
- '#body_content_inner .td' => array('border-width'),
 
 
1642
  ),
1643
  'input_attrs' => array(
1644
  'step' => 1,
@@ -1802,7 +1805,7 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
1802
  'default' => Kadence_Woomail_Settings::get_default_value('footer_top_padding'),
1803
  'live_method' => 'css',
1804
  'selectors' => array(
1805
- '#template_footer' => array('padding-top'),
1806
  ),
1807
  'input_attrs' => array(
1808
  'step' => 1,
@@ -1818,7 +1821,7 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
1818
  'default' => Kadence_Woomail_Settings::get_default_value('footer_bottom_padding'),
1819
  'live_method' => 'css',
1820
  'selectors' => array(
1821
- '#template_footer' => array('padding-bottom'),
1822
  ),
1823
  'input_attrs' => array(
1824
  'step' => 1,
@@ -1834,7 +1837,7 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
1834
  'default' => Kadence_Woomail_Settings::get_default_value('footer_left_right_padding'),
1835
  'live_method' => 'css',
1836
  'selectors' => array(
1837
- '#template_footer' => array('padding-left', 'padding-right'),
1838
  ),
1839
  'input_attrs' => array(
1840
  'step' => 1,
@@ -1919,7 +1922,7 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
1919
  'default' => Kadence_Woomail_Settings::get_default_value('footer_social_top_padding'),
1920
  'live_method' => 'css',
1921
  'selectors' => array(
1922
- '#footersocial' => array('padding-top'),
1923
  ),
1924
  'input_attrs' => array(
1925
  'step' => 1,
@@ -1935,7 +1938,7 @@ if ( ! class_exists( 'Kadence_Woomail_Settings' ) ) {
1935
  'default' => Kadence_Woomail_Settings::get_default_value('footer_social_bottom_padding'),
1936
  'live_method' => 'css',
1937
  'selectors' => array(
1938
- '#footersocial' => array('padding-bottom'),
1939
  ),
1940
  'input_attrs' => array(
1941
  'step' => 1,
738
  'title' => __('Shadow', 'kadence-woocommerce-email-designer'),
739
  'control_type' => 'rangevalue',
740
  'section' => 'container',
741
+ 'description' => __('Warning: most email clients do not yet support this', 'kadence-woocommerce-email-designer'),
742
  'default' => Kadence_Woomail_Settings::get_default_value('shadow'),
743
  'live_method' => 'css',
744
  'selectors' => array(
792
  'type' => 'select',
793
  'choices' => Kadence_Woomail_Settings::get_image_aligns(),
794
  'selectors' => array(
795
+ '#template_header_image_table td' => array('text-align'),
796
  ),
797
  ),
798
  // Image Maxwidth
829
  'default' => Kadence_Woomail_Settings::get_default_value('header_image_padding_top_bottom'),
830
  'live_method' => 'css',
831
  'selectors' => array(
832
+ '#template_header_image_table td' => array('padding-top', 'padding-bottom'),
833
  ),
834
  'input_attrs' => array(
835
  'step' => 1,
1639
  'default' => Kadence_Woomail_Settings::get_default_value('items_table_border_width'),
1640
  'live_method' => 'css',
1641
  'selectors' => array(
1642
+ '.order-items-normal #body_content_inner .td' => array('border-width'),
1643
+ '.order-items-light #body_content_inner table.td .td' => array('border-bottom-width'),
1644
+ '.order-items-light #body_content_inner table.td' => array('border-top-width'),
1645
  ),
1646
  'input_attrs' => array(
1647
  'step' => 1,
1805
  'default' => Kadence_Woomail_Settings::get_default_value('footer_top_padding'),
1806
  'live_method' => 'css',
1807
  'selectors' => array(
1808
+ '#template_footer #template_footer_inside' => array('padding-top'),
1809
  ),
1810
  'input_attrs' => array(
1811
  'step' => 1,
1821
  'default' => Kadence_Woomail_Settings::get_default_value('footer_bottom_padding'),
1822
  'live_method' => 'css',
1823
  'selectors' => array(
1824
+ '#template_footer #template_footer_inside' => array('padding-bottom'),
1825
  ),
1826
  'input_attrs' => array(
1827
  'step' => 1,
1837
  'default' => Kadence_Woomail_Settings::get_default_value('footer_left_right_padding'),
1838
  'live_method' => 'css',
1839
  'selectors' => array(
1840
+ '#template_footer #template_footer_inside' => array('padding-left', 'padding-right'),
1841
  ),
1842
  'input_attrs' => array(
1843
  'step' => 1,
1922
  'default' => Kadence_Woomail_Settings::get_default_value('footer_social_top_padding'),
1923
  'live_method' => 'css',
1924
  'selectors' => array(
1925
+ '#template_footer #footersocial td' => array('padding-top'),
1926
  ),
1927
  'input_attrs' => array(
1928
  'step' => 1,
1938
  'default' => Kadence_Woomail_Settings::get_default_value('footer_social_bottom_padding'),
1939
  'live_method' => 'css',
1940
  'selectors' => array(
1941
+ '#template_footer #footersocial td' => array('padding-bottom'),
1942
  ),
1943
  'input_attrs' => array(
1944
  'step' => 1,
kadence-woocommerce-email-designer.php CHANGED
@@ -3,13 +3,13 @@
3
  * Plugin Name: Kadence WooCommerce Email Designer
4
  * Plugin URI: http://kadencethemes.com/products/woocommerce-email-designer/
5
  * Description: Customize the default woocommerce email templates design and text through the native WordPress customizer. Preview emails and send test emails.
6
- * Version: 1.0.7
7
  * Author: Kadence Themes
8
  * Author URI: http://kadencethemes.com/
9
  * License: GPLv2 or later
10
  * Text Domain: kadence-woocommerce-email-designer
11
  * WC requires at least: 3.4.0
12
- * WC tested up to: 3.5.0
13
  *
14
  * @package Kadence Woocommerce Email Designer
15
  */
@@ -53,7 +53,7 @@ class Kadence_Woomail_Designer {
53
 
54
  define( 'KT_WOOMAIL_PATH' , realpath( plugin_dir_path(__FILE__) ) . DIRECTORY_SEPARATOR );
55
  define( 'KT_WOOMAIL_URL' , plugin_dir_url(__FILE__) );
56
- define( 'KT_WOOMAIL_VERSION' , '1.0.6' );
57
 
58
  if( ! kadence_woomail_is_woo_active() ) {
59
  add_action( 'admin_notices', array( $this, 'admin_notice_need_woocommerce' ) );
@@ -133,55 +133,63 @@ class Kadence_Woomail_Designer {
133
  // set up the footer content
134
  public function email_footer_content() {
135
  $social_links = Kadence_Woomail_Customizer::opt( 'footer_social_repeater' );
136
- $social_links = json_decode($social_links);
137
  ?>
138
- <div id="template_footer_container">
139
- <!-- Footer -->
140
- <table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
141
- <?php if( !empty( $social_links ) && is_array( $social_links ) ) { ?>
142
- <tr>
143
- <td valign="top">
144
- <table id="footersocial" border="0" cellpadding="10" cellspacing="0" width="100%">
145
- <tr>
146
- <?php $items = count($social_links);
147
- foreach( $social_links as $social_link ) {
148
- echo '<td valign="middle" style="width:'.round( 100/$items, 2 ).'%">';
149
- echo '<a href="'.esc_url( $social_link->link ).'" class="ft-social-link" style="display:block; text-align:center; text-decoration: none;">';
150
- if ( 'customizer_repeater_image' == $social_link->choice ) {
151
- echo '<img src="'.esc_attr( $social_link->image_url ).'" style="max-width:24px; vertical-align: bottom;">';
152
- } else if ( 'customizer_repeater_icon' == $social_link->choice ) {
153
- $img_string = str_replace('kt-woomail-','',$social_link->icon_value);
154
- if ( ! empty( $social_link->icon_color ) ) {
155
- $color = $social_link->icon_color;
156
- } else {
157
- $color = 'black';
158
- }
159
- echo '<img src="'.esc_attr( KT_WOOMAIL_URL . 'assets/images/'. $color .'/'. $img_string ).'.png" style="max-width:24px; vertical-align: bottom;">';
160
- }
161
- echo '<span class="ft-social-title">'.esc_html( $social_link->title ).'</span>';
162
- echo '</a>';
163
- echo '</td>';
164
- }
165
- ?>
166
- </tr>
167
- </table>
168
- </td>
169
- </tr>
170
- <?php } ?>
171
- <tr>
172
- <td valign="top">
173
- <table border="0" cellpadding="10" cellspacing="0" width="100%">
174
- <tr>
175
- <td colspan="2" valign="middle" id="credit">
176
- <?php echo wpautop( wp_kses_post( wptexturize( apply_filters( 'woocommerce_email_footer_text', get_option( 'woocommerce_email_footer_text' ) ) ) ) ); ?>
177
- </td>
178
- </tr>
179
- </table>
180
- </td>
181
- </tr>
182
- </table>
183
- <!-- End Footer -->
184
- </div>
 
 
 
 
 
 
 
 
185
  <?php
186
  }
187
  /**
3
  * Plugin Name: Kadence WooCommerce Email Designer
4
  * Plugin URI: http://kadencethemes.com/products/woocommerce-email-designer/
5
  * Description: Customize the default woocommerce email templates design and text through the native WordPress customizer. Preview emails and send test emails.
6
+ * Version: 1.0.8
7
  * Author: Kadence Themes
8
  * Author URI: http://kadencethemes.com/
9
  * License: GPLv2 or later
10
  * Text Domain: kadence-woocommerce-email-designer
11
  * WC requires at least: 3.4.0
12
+ * WC tested up to: 3.5.1
13
  *
14
  * @package Kadence Woocommerce Email Designer
15
  */
53
 
54
  define( 'KT_WOOMAIL_PATH' , realpath( plugin_dir_path(__FILE__) ) . DIRECTORY_SEPARATOR );
55
  define( 'KT_WOOMAIL_URL' , plugin_dir_url(__FILE__) );
56
+ define( 'KT_WOOMAIL_VERSION' , '1.0.8' );
57
 
58
  if( ! kadence_woomail_is_woo_active() ) {
59
  add_action( 'admin_notices', array( $this, 'admin_notice_need_woocommerce' ) );
133
  // set up the footer content
134
  public function email_footer_content() {
135
  $social_links = Kadence_Woomail_Customizer::opt( 'footer_social_repeater' );
136
+ $social_links = json_decode( $social_links );
137
  ?>
138
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_footer_container">
139
+ <tr>
140
+ <td valign="top" align="center">
141
+ <table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
142
+ <tr>
143
+ <td valign="top" id="template_footer_inside">
144
+ <table border="0" cellpadding="10" cellspacing="0" width="100%">
145
+ <?php if( !empty( $social_links ) && is_array( $social_links ) ) { ?>
146
+ <tr>
147
+ <td valign="top">
148
+ <table id="footersocial" border="0" cellpadding="10" cellspacing="0" width="100%">
149
+ <tr>
150
+ <?php $items = count($social_links);
151
+ foreach( $social_links as $social_link ) {
152
+ echo '<td valign="middle" style="text-align:center; width:'.round( 100/$items, 2 ).'%">';
153
+ echo '<a href="'.esc_url( $social_link->link ).'" class="ft-social-link" style="display:block; text-decoration: none;">';
154
+ if ( 'customizer_repeater_image' == $social_link->choice ) {
155
+ echo '<img src="'.esc_attr( $social_link->image_url ).'" width="24" style="vertical-align: bottom;">';
156
+ } else if ( 'customizer_repeater_icon' == $social_link->choice ) {
157
+ $img_string = str_replace('kt-woomail-', '', $social_link->icon_value );
158
+ if ( ! empty( $social_link->icon_color ) ) {
159
+ $color = $social_link->icon_color;
160
+ } else {
161
+ $color = 'black';
162
+ }
163
+ echo '<img src="'.esc_attr( KT_WOOMAIL_URL . 'assets/images/'. $color .'/'. $img_string ).'.png" width="24" style="vertical-align: bottom;">';
164
+ }
165
+ echo '<span class="ft-social-title">'.esc_html( $social_link->title ).'</span>';
166
+ echo '</a>';
167
+ echo '</td>';
168
+ }
169
+ ?>
170
+ </tr>
171
+ </table>
172
+ </td>
173
+ </tr>
174
+ <?php } ?>
175
+ <tr>
176
+ <td valign="top">
177
+ <table border="0" cellpadding="10" cellspacing="0" width="100%">
178
+ <tr>
179
+ <td colspan="2" valign="middle" id="credit">
180
+ <?php echo wpautop( wp_kses_post( wptexturize( apply_filters( 'woocommerce_email_footer_text', get_option( 'woocommerce_email_footer_text' ) ) ) ) ); ?>
181
+ </td>
182
+ </tr>
183
+ </table>
184
+ </td>
185
+ </tr>
186
+ </table>
187
+ </td>
188
+ </tr>
189
+ </table>
190
+ </td>
191
+ </tr>
192
+ </table>
193
  <?php
194
  }
195
  /**
readme.txt CHANGED
@@ -5,7 +5,7 @@ Donate link: https://www.kadencethemes.com/about-us/
5
  Requires PHP: 5.2.4
6
  Requires at least: 4.4
7
  Tested up to: 4.9.8
8
- Stable tag: 1.0.7
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
@@ -55,6 +55,10 @@ Install the plugin into the `/wp-content/plugins/` folder, and activate it.
55
 
56
  == Changelog ==
57
 
 
 
 
 
58
  = 1.0.7 =
59
  * Add: Romania and Catalan Translation.
60
  * Update: Preview url for better support.
5
  Requires PHP: 5.2.4
6
  Requires at least: 4.4
7
  Tested up to: 4.9.8
8
+ Stable tag: 1.0.8
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
55
 
56
  == Changelog ==
57
 
58
+ = 1.0.8 =
59
+ * Add: Warning about Box Shadow not being well supported by email clients.
60
+ * Update: Better Outlook Inbox support.
61
+
62
  = 1.0.7 =
63
  * Add: Romania and Catalan Translation.
64
  * Update: Preview url for better support.
templates/woo/emails/email-addresses.php CHANGED
@@ -31,7 +31,7 @@ $text_align = is_rtl() ? 'right' : 'left';
31
 
32
  ?><table id="addresses" cellspacing="0" cellpadding="0" style="width: 100%; vertical-align: top; margin-bottom: 40px; padding:0;" border="0">
33
  <tr>
34
- <td style="text-align:<?php echo $text_align; ?>; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; border:0; padding:0;" valign="top" width="50%">
35
  <h2><?php _e( 'Billing address', 'kadence-woocommerce-email-designer' ); ?></h2>
36
 
37
  <address class="address">
@@ -45,7 +45,7 @@ $text_align = is_rtl() ? 'right' : 'left';
45
  </address>
46
  </td>
47
  <?php if ( ! wc_ship_to_billing_address_only() && $order->needs_shipping_address() && ( $shipping = $order->get_formatted_shipping_address() ) ) : ?>
48
- <td style="text-align:<?php echo $text_align; ?>; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; padding:0;" valign="top" width="50%">
49
  <h2><?php _e( 'Shipping address', 'kadence-woocommerce-email-designer' ); ?></h2>
50
 
51
  <address class="address"><?php echo $shipping; ?></address>
31
 
32
  ?><table id="addresses" cellspacing="0" cellpadding="0" style="width: 100%; vertical-align: top; margin-bottom: 40px; padding:0;" border="0">
33
  <tr>
34
+ <td style="text-align:<?php echo $text_align; ?>; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; border:0;" valign="top" width="50%">
35
  <h2><?php _e( 'Billing address', 'kadence-woocommerce-email-designer' ); ?></h2>
36
 
37
  <address class="address">
45
  </address>
46
  </td>
47
  <?php if ( ! wc_ship_to_billing_address_only() && $order->needs_shipping_address() && ( $shipping = $order->get_formatted_shipping_address() ) ) : ?>
48
+ <td style="text-align:<?php echo $text_align; ?>; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;" valign="top" width="50%">
49
  <h2><?php _e( 'Shipping address', 'kadence-woocommerce-email-designer' ); ?></h2>
50
 
51
  <address class="address"><?php echo $shipping; ?></address>
templates/woo/emails/email-header.php CHANGED
@@ -42,6 +42,11 @@ $h2_style = Kadence_Woomail_Customizer::opt( 'h2_style' );
42
  if ( empty( $h2_style ) ) {
43
  $h2_style = 'none';
44
  }
 
 
 
 
 
45
 
46
  ?>
47
  <!DOCTYPE html>
@@ -57,11 +62,17 @@ if ( empty( $h2_style ) ) {
57
  <td align="center" valign="top">
58
  <div id="template_header_image_container">
59
  <div id="template_header_image">
60
- <?php
61
- if ( $img = get_option( 'woocommerce_email_header_image' ) ) {
62
- echo '<p style="margin-top:0;"><img src="' . esc_url( $img ) . '" alt="' . get_bloginfo( 'name', 'display' ) . '" /></p>';
63
- }
64
- ?>
 
 
 
 
 
 
65
  </div>
66
  </div>
67
  <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container">
42
  if ( empty( $h2_style ) ) {
43
  $h2_style = 'none';
44
  }
45
+ $header_image_maxwidth = Kadence_Woomail_Customizer::opt( 'header_image_maxwidth' );
46
+ if ( empty( $header_image_maxwidth ) ) {
47
+ $header_image_maxwidth = 'auto';
48
+ }
49
+ $header_image_maxwidth = str_replace( 'px', '', $header_image_maxwidth );
50
 
51
  ?>
52
  <!DOCTYPE html>
62
  <td align="center" valign="top">
63
  <div id="template_header_image_container">
64
  <div id="template_header_image">
65
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header_image_table">
66
+ <tr>
67
+ <td align="center" valign="middle">
68
+ <?php
69
+ if ( $img = get_option( 'woocommerce_email_header_image' ) ) {
70
+ echo '<p style="margin-top:0;"><img src="' . esc_url( $img ) . '" alt="' . get_bloginfo( 'name', 'display' ) . '" width="' . esc_attr( $header_image_maxwidth ) . '" /></p>';
71
+ }
72
+ ?>
73
+ </td>
74
+ </tr>
75
+ </table>
76
  </div>
77
  </div>
78
  <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container">
templates/woo/emails/email-order-details.php CHANGED
@@ -40,24 +40,32 @@ if ( 'split' == $order_head_style ) {
40
  echo __( 'Order Details', 'kadence-woocommerce-email-designer' );
41
  ?>
42
  </h2>
43
- <h3 style="text-align: left; float:left;">
44
- <?php
45
- if ( $sent_to_admin ) {
46
- $before = '<a class="link" href="' . esc_url( $order->get_edit_order_url() ) . '">';
47
- $after = '</a>';
48
- } else {
49
- $before = '';
50
- $after = '';
51
- }
52
- /* translators: %s: Order ID. */
53
- echo wp_kses_post( $before . sprintf( __( 'Order number: %s', 'kadence-woocommerce-email-designer' ) . $after, $order->get_order_number() ) );
54
- ?>
55
- </h3>
56
- <h3 style="text-align: right; float:right;">
57
- <?php
58
- echo wp_kses_post( sprintf( __( 'Order date:', 'kadence-woocommerce-email-designer' ) . ' <time datetime="%s">%s</time>', $order->get_date_created()->format( 'c' ), wc_format_datetime( $order->get_date_created() ) ) );
59
- ?>
60
- </h3>
 
 
 
 
 
 
 
 
61
  <?php
62
  } else { ?>
63
  <h2>
40
  echo __( 'Order Details', 'kadence-woocommerce-email-designer' );
41
  ?>
42
  </h2>
43
+ <table cellspacing="0" cellpadding="0" width="100%" border="0">
44
+ <tr>
45
+ <td align="left" valign="middle">
46
+ <h3 style="text-align: left;">
47
+ <?php
48
+ if ( $sent_to_admin ) {
49
+ $before = '<a class="link" href="' . esc_url( $order->get_edit_order_url() ) . '">';
50
+ $after = '</a>';
51
+ } else {
52
+ $before = '';
53
+ $after = '';
54
+ }
55
+ /* translators: %s: Order ID. */
56
+ echo wp_kses_post( $before . sprintf( __( 'Order number: %s', 'kadence-woocommerce-email-designer' ) . $after, $order->get_order_number() ) );
57
+ ?>
58
+ </h3>
59
+ </td>
60
+ <td align="right" valign="middle">
61
+ <h3 style="text-align: right;">
62
+ <?php
63
+ echo wp_kses_post( sprintf( __( 'Order date:', 'kadence-woocommerce-email-designer' ) . ' <time datetime="%s">%s</time>', $order->get_date_created()->format( 'c' ), wc_format_datetime( $order->get_date_created() ) ) );
64
+ ?>
65
+ </h3>
66
+ </td>
67
+ </tr>
68
+ </table>
69
  <?php
70
  } else { ?>
71
  <h2>
templates/woo/emails/email-styles.php CHANGED
@@ -58,6 +58,19 @@ Change footer credits padding to 10px.
58
  ADDED : btn styling.
59
  */
60
  ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
61
  body {
62
  background-color: <?php echo esc_attr( $bg ); ?>;
63
  }
@@ -70,10 +83,7 @@ body {
70
  }
71
 
72
  #template_container {
73
- box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
74
  background-color: <?php echo esc_attr( $body ); ?>;
75
- border: 1px solid <?php echo esc_attr( $bg_darker_10 ); ?>;
76
- border-radius: 3px !important;
77
  overflow:hidden;
78
  }
79
 
@@ -104,7 +114,8 @@ body {
104
  font-size:12px;
105
  line-height:125%;
106
  text-align:center;
107
- padding: 10px;
 
108
  }
109
 
110
  #body_content {
@@ -188,7 +199,6 @@ h1 {
188
  line-height: 150%;
189
  margin: 0;
190
  text-align: <?php echo is_rtl() ? 'right' : 'left'; ?>;
191
- text-shadow: 0 1px 0 <?php echo esc_attr( $base_lighter_20 ); ?>;
192
  }
193
 
194
  h2 {
@@ -220,7 +230,7 @@ a {
220
  }
221
  .btn {
222
  padding: 6px 10px;
223
- display: inline-block;
224
  color:white !important;
225
  background-color: <?php echo esc_attr( $base ); ?>;
226
  text-decoration: none;
@@ -241,45 +251,17 @@ img {
241
  display:block;
242
  padding-bottom:5px;
243
  }
244
-
245
- .order-items-light table.td .td {
246
- border-left: 0 !important;
247
- border-right: 0 !important;
248
- border-top: 0 !important;
249
- }
250
- .order-items-light table.td {
251
- border-left: 0 !important;
252
- border-right: 0 !important;
253
- border-bottom: 0 !important;
254
- }
255
- .order-items-light tr th.td {
256
- font-weight:bold;
257
- }
258
- .order-items-light tr .td {
259
- text-align:center !important;
260
- }
261
- .order-items-light tr .td:first-child {
262
- padding-left: 0 !important;
263
- text-align:left !important;
264
- }
265
- .order-items-light tr .td:last-child {
266
- padding-right: 0 !important;
267
- text-align:right !important;
268
- }
269
-
270
- .title-style-behind #template_container h2 {
271
- border-top:0 !important;
272
- border-bottom:0 !important;
273
- }
274
- .title-style-above #template_container h2 {
275
- border-bottom:0 !important;
276
- }
277
- .title-style-below #template_container h2 {
278
- border-top:0 !important;
279
  }
280
  .ft-social-title {
281
- font-size: 18px;
282
- line-height: 24px;
283
- padding-left: 5px;
 
 
 
284
  }
285
  <?php
58
  ADDED : btn styling.
59
  */
60
  ?>
61
+ html, body {
62
+ height:100%;
63
+ position:relative;
64
+ }
65
+ #body_content_inner > table {
66
+ border-collapse: collapse;
67
+ }
68
+ #body_content_inner > table.td > tbody {
69
+ border-bottom-style: solid;
70
+ }
71
+ #template_header_image p {
72
+ margin-bottom:0;
73
+ }
74
  body {
75
  background-color: <?php echo esc_attr( $bg ); ?>;
76
  }
83
  }
84
 
85
  #template_container {
 
86
  background-color: <?php echo esc_attr( $body ); ?>;
 
 
87
  overflow:hidden;
88
  }
89
 
114
  font-size:12px;
115
  line-height:125%;
116
  text-align:center;
117
+ padding-left: 10px;
118
+ padding-right: 10px;
119
  }
120
 
121
  #body_content {
199
  line-height: 150%;
200
  margin: 0;
201
  text-align: <?php echo is_rtl() ? 'right' : 'left'; ?>;
 
202
  }
203
 
204
  h2 {
230
  }
231
  .btn {
232
  padding: 6px 10px;
233
+ display: inline-block;
234
  color:white !important;
235
  background-color: <?php echo esc_attr( $base ); ?>;
236
  text-decoration: none;
251
  display:block;
252
  padding-bottom:5px;
253
  }
254
+ .ft-social-link img {
255
+ max-width:24px;
256
+ width:100%;
257
+ display:inline-block;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
258
  }
259
  .ft-social-title {
260
+ font-size: 18px;
261
+ line-height: 24px;
262
+ padding-left: 5px;
263
+ }
264
+ #template_header_image img {
265
+ width:100%;
266
  }
267
  <?php