<style>
/* Hide WooCommerce section with template styling */
#email_template_options-description + .form-table {
opacity: 0.2;
pointer-events: none;
}
/* Position MailPoet buttons over hidden table */
.mailpoet-woocommerce-email-overlay {
bottom: 320px;
left: 0;
max-width: 100%;
text-align: left;
position: absolute;
text-align: center;
width: 640px;
z-index: 1;
}
</style>
<div class="mailpoet-woocommerce-email-overlay">
<a class="button button-primary"
href="?page=mailpoet-newsletter-editor&id=<%= woocommerce_template_id %>"
data-automation-id="mailpoet_woocommerce_customize"
>
<%= _x('Customize with MailPoet', 'Button in WooCommerce settings page') %>
</a>
<br>
<br>
<a href="?page=mailpoet-settings#woocommerce" data-automation-id="mailpoet_woocommerce_disable">
<%= _x('Disable MailPoet customizer', 'Link from WooCommerce plugin to MailPoet') %>
</a>
</div>