Notification Email

Hello,

I like the design of that table, it looks great. In order to edit the line_item shortcode you will need to filter shortcode_line_item_list. That filter will be in a future update of Sprout Invoices since (unbelievably) there’s no easy way to filter that shortcode yet.

Here’s an example filter that should get things started – https://gist.github.com/dancameron/0ddd7f9c9a9f010b3184

Hey Dan,

Waw this is some great support! I even saw you already updated the plugin to add the above features.

Glad you like the design, would notification templates also be something thats sellable via your add-on store?

I will try to work this out with the code you provided me.
Thanks

Oh yeah. I have plans for HTML templates as an addon but I’d accept almost any third party addon, especially one that’s as good as you’re suggesting.

Hey Dan,

I’m bit disappointed in myself because my php programming skills are still not developed enough to make this work ?? :p.

Below is the code of the e-mail table.

The opening code:

<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="ffffff">
		<tr>
			<td align="center">

				<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590 bg_color">
					<tr bgcolor="ffffff">

        				<td align="left" mc:edit="header2" style="color: #26313c; font-size: 12px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 24px; border-bottom: solid 3px #eaedf0;" class="title_color"><!-- ======= text ======= -->
<div style="line-height: 24px;">Omschrijving</div>
</td>
        				<td width="95" align="center" mc:edit="header3" style="color: #26313c; font-size: 12px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 24px; border-bottom: solid 3px #eaedf0;" class="title_color">

							<!-- ======= text ======= -->

							<div style="line-height: 24px;">

	        						Quantity

							</div>
        				</td>
        				<td width="95" align="center" mc:edit="header4" style="color: #26313c; font-size: 12px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 24px; border-bottom: solid 3px #eaedf0;" class="title_color"><!-- ======= text ======= -->
<div style="line-height: 24px;">Price</div>
</td>
					</tr>

					                <tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>

What should be loaded inside the table, so this should be in te loop:

<tr>

						<td valign="top">

                            <table border="0" align="center" cellpadding="0" cellspacing="0">

								<tr><td height="5" style="font-size: 5px; line-height: 5px;">&nbsp;</td></tr>

								<tr>
									<td align="left" mc:edit="itemtitle1" style="color: #26313c; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: 1px; mso-line-height-rule: exactly; line-height: 22px;" class="title_color">

										<!-- ======= text ======= -->

										<div style="line-height: 22px;">

				        						TSHIRT PATIENT NINJA

										</div>
			        				</td>
								</tr>

								<tr><td height="5" style="font-size: 5px; line-height: 5px;">&nbsp;</td></tr>

								<tr>
									<td align="left" mc:edit="itemtext1" style="color: #919399; font-size: 13px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 22px;" class="title_color"><!-- ======= text ======= -->
<div style="line-height: 22px;">Lorem ipsum dolor sit amet consectetur adipiscing elit aenean sit amet .</div>
</td>
								</tr>

							</table>
						</td>

						<td align="center" mc:edit="itemtitle2" style="color: #26313c; font-size: 13px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 22px;" class="title_color">

							<!-- ======= text ======= -->

							<div style="line-height: 22px;">

	        						1

							</div>
        				</td>

        				<td align="center" mc:edit="itemtitle3" style="color: #26313c; font-size: 13px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 22px;" class="title_color">

							<!-- ======= text ======= -->

							<div style="line-height: 22px;">

	        						$ 14,95

							</div>
        				</td>
					</tr>

					<tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
					<tr bgcolor="e8eaec"><td colspan="4" height="1" style="font-size: 1px; line-height: 1px;">&nbsp;</td></tr>
					<tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>

The Tables total & Subtotal Code, with the closing tags:

<tr><td height="30" style="font-size: 30px; line-height: 30px;">&nbsp;</td></tr>

					<tr>
						<td colspan="4">
							<table border="0" align="right" width="190" cellpadding="6" cellspacing="0">
								<tr>
									<td mc:edit="abouttext25" align="left" height="" valign="middle" style="color: #26313c; font-size: 12px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
										Subtotaal
									</td>
									<td mc:edit="abouttext26" align="right" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
										$ 71,80
									</td>
								</tr>
								<tr>
									<td mc:edit="abouttext27" align="left" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
										BTW
									</td>
									<td mc:edit="abouttext28" align="right" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
										2.0
									</td>
								</tr>
								<tr bgcolor="ffffff">
									<td mc:edit="abouttext29" align="left" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; font-weight: 700; mso-line-height-rule: exactly; line-height: 26px;">
										Totaal
									</td>
									<td mc:edit="abouttext30" align="right" height="" valign="middle" style="color: #26313c; font-size: 14px; font-family: 'Open sans', sans-serif; mso-line-height-rule: exactly; line-height: 26px;">
										[invoice_total]
									</td>
								</tr>
							</table>
						</td>
					</tr>

					<tr><td height="80" style="font-size: 80px; line-height: 80px;">&nbsp;</td></tr>

				</table>
			</td>
		</tr>
	</table>

I hope you can help me out with this.

Thanks!

I’d gladly support this type of customization within priority support of a purchase of Sprout Invoices because we have a limited amount of time I can help in the .org support forums for the free version.

We do have a sale, which is a great deal since any developer support would be 2x what the price of SI is.

Thanks for understanding.

Hey Offcourse I understand!
So i bought a license now ??

Thanks Dan

Great news.