Common Email Styling [Support Thread]

[frank18]

........We've gone through and totally revised all of the site's email content plus made mods to do things like: include social media icons, and highlight 'non-standard' details of orders in the admin emails to help improve back-end workflow.

We're just about to finalise making access to a tax invoice that meets Australian Tax Office requirements available to customers via the Order Confirmation email. (It's already working from the Order Information page.).......

Yesssss!!! Can't wait for these changes - saves a lot of paper printing invoices and including them in the order package. Incidentally, just looked at the invoice issue yesterday and thought "need to tackle this!!"

Thanks guys!

[lloyd_borrett]

Yesssss!!! Can't wait for these changes - saves a lot of paper printing invoices and including them in the order package. Incidentally, just looked at the invoice issue yesterday and thought "need to tackle this!!"

Thanks guys!

You can see examples of the Tax Invoice and new emais in the thread https://www.zen-cart.com/showthread....e-a-Difference

[frank18]

In email /email/email_common.css I noted that line 38 reads

.delivery_block, .billing_block { width: 50%; vertical-align: top; }

guess that should be

.delivery-block, .billing-block { width: 50%; vertical-align: top; }

[lat9]

Thanks for the report, frank18. I've added that issue to the plugin's GitHub repository (https://github.com/lat9/common_email_styling/issues/2)

[frank18]

You can see examples of the Tax Invoice and new emais in the thread https://www.zen-cart.com/showthread....e-a-Difference

Thanks for that Lloyd!

[lat9]

I just uploaded v1.1.0 to the plugins area for review:

• BUGFIX: Correct "misspelling" in CSS file
• CHANGE: Add the capability to insert an additional HTML block in each email's header area.

[lat9]

v1.1.0 is now available for download from the Plugins area.

[lindasdd]

I've hit an issue and am wondering if anyone has an answer.

When sending an email to Gmail addresses (and presumably some others), the styling isn't applied.

I believe I installed everything correctly because the styling can be seen in the email 'original' version. It just seems that Gmail scrubs any styling that isn't inline (I tested putting it inline and it worked.)

Thanks.

[lat9]

I've read of issues with the way that gmail handles HTML emails. That said, this plugin makes no change in the way that an email is "presented" to an email viewer like gmail.

The primary change that this plugin introduces is moving the CSS styling specifications from each HTML email template to a separate file, allowing that single file to be updated with all styling needed for all emails. That CSS file's contents are then read and placed into a <style> tag in the email's header (kind of like using an @import statement to pull an additional CSS).

Just like the built-in Zen Cart's HTML emails, there is no in-line styling on the HTML tags other than the specification of a class= attribute that references a collection of styles to be applied.

[lindasdd]

I ended up just utilizing inline styles.

Gave me the chance to really look at the email content as well and decide how I wanted to change it.