Skip to main content

Change layout of order email

11 years 11 months ago #180222 by Fascias
Change layout of order email was created by Fascias
-- HikaShop version -- : business

Hi,

Question on the order form that goes to my email when a customer places an order.
I am receiving an email when a customer places an order, which is good. But right now the email has "ORDER SUMMARY" first then additional information (where I have the customers information).

Is there a way to switch this so the order summary comes last in the email and the additional information appears first?

Thank you in advance!

Please Log in or Create an account to join the conversation.

11 years 11 months ago #180256 by nicolas
Replied by nicolas on topic Change layout of order email
Hi,

Yes. You can edit the email via the menu System>Emails and move the tags/html code accordingly to your needs in the "HTML version" of the email.

Please Log in or Create an account to join the conversation.

11 years 11 months ago #180376 by Fascias
Replied by Fascias on topic Change layout of order email
Thanks for the response. I did this and tried to move the text to before the order summary and unfortunately it did not work.

Can you please explain how I would do this and maybe which pieces I need to switch around so the questions appear before the order summary?

Please Log in or Create an account to join the conversation.

11 years 11 months ago #180395 by nicolas
Replied by nicolas on topic Change layout of order email
You say it didn't work ?
What do you mean ? It didn't change anything ?
In that case, it means that you're not editing the correct email if nothing changes when you change it.

This is the products listing code:
Code:
<h1 style="color:#1c8faf !important;font-size:16px;font-weight:bold;border-bottom:1px solid #ddd;padding-top:10px;padding-bottom:10px;"> {TXT:SUMMARY_OF_YOUR_ORDER} </h1> <table class="w550" border="0" cellspacing="0" cellpadding="0" width="550" style="margin-top:10px;margin-bottom:10px;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;"> <tr> <td style="border-bottom:1px solid #ddd;padding-bottom:3px;text-align:left;color:#1c8faf !important;font-size:12px;font-weight:bold;">{TXT:PRODUCT_NAME}</td> <td style="border-bottom:1px solid #ddd;padding-bottom:3px;text-align:right;color:#1c8faf !important;font-size:12px;font-weight:bold;">{TXT:PRODUCT_PRICE}</td> <td style="border-bottom:1px solid #ddd;padding-bottom:3px;text-align:right;color:#1c8faf !important;font-size:12px;font-weight:bold;">{TXT:PRODUCT_QUANTITY}</td> <td style="border-bottom:1px solid #ddd;padding-bottom:3px;text-align:right;color:#1c8faf !important;font-size:12px;font-weight:bold;">{TXT:PRODUCT_TOTAL}</td> </tr> <!--{START:PRODUCT_LINE}--> <tr> <td style="border-bottom:1px solid #ddd;padding-bottom:3px;"> {LINEVAR:PRODUCT_IMG} {LINEVAR:PRODUCT_NAME}<!--{IF:ORDER_PRODUCT_CODE}--> {LINEVAR:PRODUCT_CODE}<!--{ENDIF:ORDER_PRODUCT_CODE}--> {LINEVAR:PRODUCT_DOWNLOAD} {LINEVAR:PRODUCT_DETAILS} </td> <td style="border-bottom:1px solid #ddd;padding-bottom:3px;text-align:right">{LINEVAR:PRODUCT_PRICE}</td> <td style="border-bottom:1px solid #ddd;padding-bottom:3px;text-align:right">{LINEVAR:PRODUCT_QUANTITY}</td> <td style="border-bottom:1px solid #ddd;padding-bottom:3px;text-align:right">{LINEVAR:PRODUCT_TOTAL}</td> </tr> <!--{END:PRODUCT_LINE}--> <!--{START:ORDER_FOOTER}--> <tr> <td colspan="3" style="text-align:right;color:#1c8faf !important;font-size:12px;font-weight:bold;">{LINEVAR:NAME}</td> <td style="text-align:right">{LINEVAR:VALUE}</td> </tr> <!--{END:ORDER_FOOTER}--> </table>
This is the code for the additional information:
Code:
<!--{IF:ORDER_SUMMARY}--> <h1 style="color:#1c8faf !important;font-size:16px;font-weight:bold;border-bottom:1px solid #ddd;padding-top:10px;padding-bottom:10px;"> {TXT:ADDITIONAL_INFORMATION} </h1> <p style="border-bottom:1px solid #ddd;padding-bottom:10px;"> {VAR:ORDER_SUMMARY} </p> <!--{ENDIF:ORDER_SUMMARY}-->
simply switch one with the other in the code of the email.

Please Log in or Create an account to join the conversation.

11 years 11 months ago #180552 by Fascias
Replied by Fascias on topic Change layout of order email
I switched the codes but they email that I receive to notify me of the order looks exactly the same. It still has the products first and then the additional information.
I am going under system---emails and editing the order creation notification html file, is this not the right one?

Please Log in or Create an account to join the conversation.

11 years 11 months ago #180561 by nicolas
Replied by nicolas on topic Change layout of order email
Hi,

The order creation notification email is the one the customer received when the order is created.
Your screenshot is from the order admin notification email which is the one the administrator receives when the order is created.
So yes, you're not editing the correct one.

Please Log in or Create an account to join the conversation.

Time to create page: 0.094 seconds
Powered by Kunena Forum