Change signature position on quote

Hosted • invoicing.co | v5
1

Hello,

I need to change the signature position on quote.

Following this other post instructions, the current template signature is well hidden.

But my custom design signature does not work. It creates a bug on page : no signature, and all template code appears wrong now.

Could you please help on that ?

2

Hi,

I’m not sure, since you’re on the hosted platform I suggest sending an email to [email protected] to ask.

3

Just sent an email to them. Thanks.

By any chance, would you know how to make “contact signature name” and “signature date” appearing, next to signature ?

I know how to insert these 2 items adding some code after the quote table, but since I can not change signature position right now, I do not know how to place them before the signature original position (which is automatically inserted in the Total Table, on left side of Totals, just after the Terms).

4

Maybe you can include the text in the terms?

5

I tried before, adding some code here :
Settings / Company details / Defaults / Quote Terms

My custom code was :

<p class="condition-sign-name">Nom : $contact.first_name $contact.last_name</p>
<p class="condition-sign-date">Date : $contact.signature_date</p>

But customised terms do not accept these kind of code : $contact.first_name

6

If you’re using variables I think you’d need to add it in a custom design rather than in the terms.

7

Yes, that’s what I thought. Thanks.
Waiting for a reply from customer service. If they find a solution for signature position, I will post it on this thread.

1 Like
8

Here the solution to change signature position on your customised template.

First, hide the original signature by adding this code on CSS file :

    [data-ref="contact-signature"] {display: none;}

If it does not work, this is another way to hide it (this one worked for me) :

#contact-signature {display: none;}

Second, add the new signature at position you prefer on your template body :

<div class="my-new-signature"><img src="$contact.signature"></div>

Third, fix the signature size on CSS file :

.my-new-signature img {max-height: 100px;}
1 Like
9

Thanks for sharing the solution!