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

Invoice Email Styling

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 10-12-2017, 11:27 AM
 
simetria simetria is offline
 

Advanced Member
  
Join Date: Jul 2013
Posts: 77
 

Default Invoice Email Styling

How can I include custom styling to the invoice email sent after a purchase is made? I have styled and modified the invoice confirmation and the "Print Invoice" pages, but for some reason the email does not retain any of the stylings.

The main mods were made in the skin/common/files/mail/html/order-invoice.tpl file, and of course a css file.

I am on X-Cart 4.6.1

Thank you all.
__________________
Thanks.
Reply With Quote
  #2  
Old 10-16-2017, 09:39 PM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: Invoice Email Styling

Not all e-mail clients render CSS styles correctly.

You may try to add your custom styles into the order_invoice.tpl template as a "<STYLE>...</STYLE>" block. Do the custom styles take effect in this case?
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
Reply With Quote
  #3  
Old 10-20-2017, 07:40 AM
 
simetria simetria is offline
 

Advanced Member
  
Join Date: Jul 2013
Posts: 77
 

Default Re: Invoice Email Styling

Hi Alex, I have tested adding the styles in the page, and it did not change the email styles. It keeps the new styles in the order confirmation page and the print invoice page, but not the actual email. See link to screenshots:

CONFIRMATION PAGE: http://simetriastudio.com/C/TST/confirmation-page.jpg
PRINT INVOICE PAGE: http://simetriastudio.com/C/TST/print-invoice-page.jpg
EMAIL RECEIVED: http://simetriastudio.com/C/TST/email-received.jpg

In addition to the styles, the product thumbnails did not carry over to the email either. I have tested this on Yahoo mail, OSX Mail, and Gmail. They all render the email exactly the same as in the screenshot.

Do I need to add anything to the <style>...</style> in the tpl file to let it know its css – similar to js code in the tpl file needs the {literal} tags?

Serge
__________________
Thanks.
Reply With Quote
  #4  
Old 10-20-2017, 08:30 AM
 
simetria simetria is offline
 

Advanced Member
  
Join Date: Jul 2013
Posts: 77
 

Default Re: Invoice Email Styling

Alex, I modified the style tags to be – <style type="text/css"> {literal} .... css styles in here .... {/literal} </style> – and this worked!! the email kept and took the styles.

BUT, I am still having issues with the thumbnails not coming into the email. Any idea why?

Thanks,

Sergio
__________________
Thanks.
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 02:31 PM.

   

 
X-Cart forums © 2001-2020