Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

How to deal with the formatting difference between email clients.

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 01-15-2015, 05:21 PM
 
zebu zebu is offline
 

eXpert
  
Join Date: Oct 2006
Posts: 310
 

Default How to deal with the formatting difference between email clients.

We use html email order notifications.

All our orders pull into a windows PC running Outlook 2007 or 2010. Inside Outlook 2010 and earlier the notification emails always display correctly.

We have recently had to upgrade to Outlook 2013 in conjunction with using Gmail hosting.

Problem we have now is that the Order notifications emails, when viewed in either Gmail or Outlook 2013, dont display as nicely as they do either on the xcart website or in older outlook versions. (ie everything gets spread out a little more. Black lines used on the invoice become 10 times thicker etc. Just looks messy.

I know I can take an order email that looks terrible on Outlook 2013 and forward it over to an outlook 2010 pc and it looks fine. So its defiantly the way the browser or client interprets the html code on the fly.

Has anyone worked out a way to get them to look good in any browser - or is it trial an error fiddling with the code then testing in Outlook/Gmail??
__________________
Version 4.7.7
Reply With Quote
  #2  
Old 01-18-2015, 04:03 AM
  totaltec's Avatar 
totaltec totaltec is offline
 

X-Guru
  
Join Date: Jan 2007
Location: Louisville, KY USA
Posts: 5,823
 

Default Re: How to deal with the formatting difference between email clients.

Quote:
Originally Posted by zebu
Has anyone worked out a way to get them to look good in any browser - or is it trial an error fiddling with the code then testing in Outlook/Gmail??
Pretty much. Formatting for email clients is tricky. It can be hard to make them look the same in every client.

Nice overview of best practises: http://code.tutsplus.com/tutorials/20-email-design-best-practices-and-resources-for-beginners--net-7309
__________________
Mike White - Now Accepting new clients and projects! Work with the best, get a US based development team for just $125 an hour. Call 1-502-773-6454, email mike at babymonkeystudios.com, or skype b8bym0nkey

XcartGuru
X-cart Tutorials | X-cart 5 Tutorials

Check out the responsive template for X-cart.
Reply With Quote

The following user thanks totaltec for this useful post:
qualiteam (01-20-2015)
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 07:31 AM.

   

 
X-Cart forums © 2001-2020