<td class="container-inside" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0 0px 0 0;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;">
<tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table id="content" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
<tr id="view-on-browser" style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td colspan="7" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 12px; margin: 0; padding: 20px 0;" align="left" valign="top">
<?php
printf(__('Email does not displayed correctly? <a href="%s">View it on your browser</a>'), wcng_permalink(get_the_permalink()));
?>
</td>
</tr><!-- #view-on-browser -->
<tr id="header" style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td colspan="7" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<?php
wcng_image_block('header', 580, 60, get_bloginfo('name'), false, site_url());
?>
</td>
</tr><!-- #header -->
<tr id="main-banner" style="vertical-align: top; text-align: left; padding: 0;" align="left">
<td colspan="7" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<?php
/**
* Product Block
*/
function wcng_product_block($block_id = '', $product_image_size = 'wcng-product-thumb')
{
global $wcng;
// Init wc_newsletter_generator
$wc_newsletter_generator = new WC_Newsletter_Generator();
$image_size = $wc_newsletter_generator->get_image_size($product_image_size);
// Get product data
$product_id = wcng_get_value($block_id, 'product', 'product_id', 0);
$permalink = wcng_permalink(wcng_get_value($block_id, 'product', 'permalink', '#'));
$title = wcng_get_value($block_id, 'product', 'title', __('Product Name', 'woocommerce-newsletter-generator'));
$price = wcng_format_price(wcng_get_value($block_id, 'product', 'price', '-'));
$image = wcng_get_value($block_id, 'product', 'image', WC_NEWSLETTER_GENERATOR_URL . 'assets/default-product-image.png');
// Print wrapper for admin
if (wcng_is_previewing() && wcng_current_user_can_edit_newsletter()) {
echo "<div class='edit-content-block' data-type='product' data-id='{$block_id}' data-product-id='{$product_id}' data-product-image-size='{$product_image_size}'>";
echo "<button class='toggle-edit-block'>" . __('Edit', 'woocommerce-newsletter-generator') . "</button>";
}
?>
<!-- .product-item-->
<table style="border: 0;">
<tr>
<td class="product-image">
<a href="<?php
echo $permalink;
?>
" title="<?php
echo $title;
?>
" style="color: #2ba6cb; text-decoration: none;">
<img src="<?php
echo $image;
?>
" width="<?php
echo $image_size['width'];
?>
" height="<?php
echo $image_size['height'];
?>
" alt="" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; max-width: 100%; float: left; clear: both; display: block; border: none;" align="left" />
</a>
</td>
</tr>
<tr style="text-align: center;">
<td class="product-name">
<a href="<?php
echo $permalink;
?>
" title="product_title" style="color: #2ba6cb; text-decoration: none;">
<?php
echo $title;
?>
</a>
</td>
</tr>
<tr style="text-align: center;">
<td class="product-price">
<?php
echo $price;
?>
</td>
</tr>
</table>
<br />
<!-- /product-item-->
<?php
// Close wrapper for admin
if (wcng_is_previewing() && wcng_current_user_can_edit_newsletter()) {
echo "</div>";
}
}