The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
Thread Tools Display Modes
Old 09-03-2017, 09:58 AM
Akash Garg's Avatar
Akash Garg is offline
Join Date: Feb 2017
Posts: 2

Invoice Template customisation > product options in separate line with no spacing between each line


I wish to change invoice template.
I have many product options around 10-12.
All these at present come in a paragraph form in Invoice.

I want each product option in a separate line. I searched ecwid forum and found one relevant code also which is working. However, If I use that code, there is space coming between each product option line.

And since product options are too many, therefore invoice ran into 2 pages, which I do not want. Also it is not looking good.

So I want to remove those spaces. Please help me by providing perfect solution to this.

My store relevant product page link is as under:

I used following code:

HTML Code:
<!-- Ordered items list -->
							<#list order.items as orderItem>
								<td class="order-item-desc">
									<p class="order-item-title">${}</p>
									<p>${textLabels.sku}: ${orderItem.sku}</p>
								<td class="order-item-count">
								<td class="order-item-total text-bold">
							<p><#list order.items as orderItem>
  								<#list orderItem.options as option>
                                  <td class="order-item-desc">
     								${}: ${option.value}
Please suggest something.....
Old 09-04-2017, 08:50 PM
Una Q's Avatar
Una Q Una Q is offline
Ecwid Team
Join Date: Nov 2016
Posts: 151


Una here, Ecwid Customer Care team. Thank you for reaching us out!

The code you used is absolutely correct, however if you’d like to change the spacing between the option lines, you will need to slightly modify your invoice template. Let me please provide you with a right instruction:

1) Go to your Ecwid control panel->Settings->Invoice and click the “Edit Template” button;

2) Find the line 449 and add a line-height property to the style block:

So the style block will look like that:

3) Then save the changes.

You’re free to change a line-height value to achieve the best results. Please note that the greater the value, the bigger the space between the option lines.

And here you can find our article about invoice editing, please take a look:

I hope this helps! If you have any further questions, please feel free to ask. We will be glad to answer and assist.

Best regards,
Una Q.
Ecwid Support Team
Old 01-13-2018, 01:36 PM
Robert Aavik's Avatar
Robert Aavik Robert Aavik is offline
Junior Member
Join Date: Jan 2018
Posts: 8


I'm sorry for the late response.

What I wanted to ask you is have you tried our Printout Designer? It allows you to create custom packing slips and other printout design using drag and drop editor. You can also automatically e-mail and print invoices, packing slips and other printouts when orders are created, paid or fulfilled - without the trouble of coding.
You can check it out here:
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

invoice template

Thread Tools
Display Modes

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 03:22 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.