How to format emails

Hello jsml.

Thanks for your feedback. I will include a possibility to style values via classes and ids in one of the next updates. You will still need to provide some css to achieve styling according to your needs once the update is available.

Regards.
uh

I added some formating in form of definition lists (dl, dt and dd tags). This allows you to add some styling which is not part of the plugin. I will publish the update during this week.

Regards.
uh

Hello jsml.

Good news is: plugin updated. Bad news. Styling of emails is a difficult task to achieve on backstage. You will need to work out templating with WooCommerce to obtain the results you desire. To work with your own WooCommerce templates you will have to create a folder called woocommerce inside your template folder and copy the email folder of the woocommerce template folder into it. Afterwards you can change the files.

Working with css files is not available with emails as many email service providers like google’s gmail suppress inline css as well as css loaded in the header. You will have to hardcode the styles using the style attribute on each and every tag in the html parts of the corresponding template.

Regards.
uh

Yes but the dl,dt and dd structure that gets hooked into the order email are not part of woocommerce templates… its actually in the woocommerce-poor-guys-swiss-knife-about.php plugin file. So how do we style that inline?

Hi makdas.

dl, dt and dd are part of the email implementation already present in WooCommerce for order-received emails in the context of meta data. I simply repeated the schema to display additional data captured for custom fields. You have the possibility to turn off the display of the custom data. I admit, that the process itself needs some more attention but it will take me a bit of time to offer a more consistent and versatile solution for this. Sorry.

Regards.
uh