Layout Problem of Customized Email Template

-- HikaShop version -- : 3.4.0
-- Joomla version -- : 3,7,2
-- PHP version -- : 5.6.31

Hi There,

I would like to have different email template for each order status, and i followed the instructions in the following post:
www.hikashop.com/support/forum/orders-ma...or-order-status.html

However, I found that layout of the customized email template shown in "System > Emails > Select template > Preview" (see attached email-preview-in-Email-template.JPG) and the layout shown in received email (see attached layout-shown-in-Received-Email.png) was different. Also, some contents in email were not displayed properly (highlighted in RED in attached layout-shown-in-Received-Email.png).

Attached also please find the customized code of the email template (order_status_notification.confirmed.html.php.zip) for your reference.

Please advise.

Thanks a lot.

Also, I would like to know if I can display a custom field at frontend "Customer orders" page?

Thanks.

Hi,

The HTML of your customized version is not valid.
For example, you have: So two table tags, one inside the other.
That's not valid HTML.
Another example is this: You have a closing table and a closing p tag without thei opening tag counterparts before.
If your HTML is not valid it will probably break the layout, like it does in your screenshot.
Note that, between a browser displaying the HTML of a web page, and an email client displaying the HTML of an email, they don't interpret the HTML the same way, even more so when the HTML is invalid. So it's probably why you don't get the same result.

Hi Nicolas,

Thanks for the advice. i will try again.

Also, I would like to know if I can display a custom field at frontend "Customer orders" page?

Thanks.

Hi,

There is no option for that. But with some view customization it should be possible yes.
If you want to know how you can find the view file you need to customize and where to customize it, you can read this tutorial:
www.hikashop.com/support/documentation/1...-display.html#layout

Hi Nicolas,

I fixed the layout problem. But there is another problem. when i try to create a new email template for "cancelled" status, the variables used in the code cannot be displayed correctly.
For example, i used {TXT:HI_CUSTOMER}, it was displayed as "Hi %s" instead of cusotmer's name in email. Also, no product information was shown in email.

Attached please see the html code and screen for your reference.
Please advise if i missed anything.

Thanks.

Hi Nicolas,

I fixed the issue by adding the preload.php for the new template.

Thanks.

Hi,

Thank you for your feedback !