Reply
 
Thread Tools Display Modes
  #1  
Old 09-03-2017, 09:58 AM
Akash Garg's Avatar
Akash Garg is offline
 
Join Date: Feb 2017
Posts: 1
Default

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


Hi,

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:
https://dsignsoftech.com/store.html#...egory=22607083

I used following code:

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

Hello!

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: https://support.ecwid.com/hc/en-us/a...-your-invoices

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
Reply With Quote
Reply

Tags
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 02:59 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.