Support

Home Forums Event Espresso Premium Attaching Logo to Invoice

Attaching Logo to Invoice

Posted: September 23, 2014 at 12:15 pm

Viewing 9 reply threads


Lorenzo Orlando Caum

  • Support Staff

September 23, 2014 at 2:42 pm

Hi Oren,

Please login to your WP dashboard and go to the Payment Methods page. Then scroll down and locate the invoice payment gateway. You can set a logo there by adding a URL (link) to the image.

http://cl.ly/image/2O443X3l0t0u


Lorenzo


DirComms

September 23, 2014 at 4:49 pm

I attached the logo but it is really small. Any way to make it larger? (Also, can I remove the “Pay Online” link?

Oren


DirComms

September 23, 2014 at 7:32 pm

Hi again,
A few additional questions about the invoice. I think it is supposed to be showing the event ID next to the name in the invoice table, however, I am seeing “>> name” instead. Please look at Invoice for reference.

Is this what it is supposed to look like or am I doing something wrong?

Oren


DirComms

September 24, 2014 at 1:34 am

Hi Lorenzo,
I have new and useful information for you. I went back and looked at the invoices I generated when using EE3 Test Drive. The event name showed up there properly. It occurred to me that perhaps the problem was my event name. I shortened the name of the event, and now it works:

"15 October, 2014 (6:00pm โ€“ 8:00pm): The Johns Hopkins University Human Systems Engineering Program"
DOES NOT work.

"The Johns Hopkins University Human Systems Engineering Program"
DOES work.

I tried various combinations with and without the ()’s and with and without the “:”. These don’t affect the outcome. It seems to purely be length.

Hope this helps.

Oren


Tony

  • Support Staff

September 24, 2014 at 3:34 am

Hi Oren,

Although there is a limit to the event names within EE3, the length of the event name is not causing this. I used your event name within one of my test event and generated the invoice – http://take.ms/pJBQV

However, I did need to make one small change:

15 October, 2014 (6:00pm โ€“ 8:00pm): The Johns Hopkins University Human Systems Engineering Program

Need to be:

15 October, 2014 (6:00pm to 8:00pm): The Johns Hopkins University Human Systems Engineering Program

When using your original event name with WP_Debug enabled a Notice is thrown:

Notice: iconv(): Detected an illegal character in input string in \event-espresso\gateways\invoice\function.pdf.php on line 99

The illegal character is the ‘-‘, this is likely being thrown from the PDF generator EE3 is using. I have created a ticket to investigate this further.

In regards to the small invoice logo, what is the size of the image your are uploading to use as the logo?


DirComms

September 24, 2014 at 6:04 am

Very interesting about the thrown exception. I didn’t think to check the logs…. though that’s really more your business than mine (have been a programmer for more than 20 years, I’m always curious).
I have a couple different logos available. One is 1942×501, one is 940×250, and one different one is 256×256.
Is there a recommended size for the logo image such that it looks “reasonable” on the screen? I tried the 256×256 figuring it would be too small. It got scaled up and was overlapping the address ad bill-to blocks.


Tony

  • Support Staff

September 24, 2014 at 8:00 am

I did some investigating into this.

Basically FPDF (which EE3 uses to create the PDFs) doesn’t allow elements to float around when creating the document. When using square images it throws the sizing used off and creates the effect you saw when using the image sizes above.

Depending on the logo there are a couple of ways to work around this, an image size of 340×120 works best – http://take.ms/V9y3s
(Ignore the actual image I just quickly modified the size to check different sizes)

Meaning an aspect ratio of 17 : 6

However depending on the logo a square image may be the only option, in this case a modification to the Invoice gateway would be needed to alter the size set for the image, it will make the logo much smaller but will fit correctly within the space provided, for example – http://take.ms/NV23F

I can provide details on how to do this if you prefer this?


DirComms

September 24, 2014 at 8:29 am

Tony,
Thanks for the information. Looks like the square logo is going to be a bit of a pain. I have a rectangular logo that I scaled to 17:6. It was only mildly distorted. All told, I think it looks pretty good but our treasurer has final say. If he doesn’t like it, I’ll poke him in the eye!

I think we can consider both issues resolved:
– Watch for special characters in event names
– Use a 17×6 logo image if possible.

Thanks… and again, I’d like to commend you and your staff there for such excellent service.

Oren


Tony

  • Support Staff

September 24, 2014 at 10:41 am

Thanks for the feedback Oren, we always appreciate it!

I’ll mark this thread resolved, if it turns out you need to use the square logo just post up a new thread and I’ll walk you through there.

Have a great day! ๐Ÿ™‚

Viewing 9 reply threads

The support post ‘Attaching Logo to Invoice’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso