Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Customizing the INVOICE

Customizing the INVOICE

Locked

Views: 1,953

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
28 Nov 2009, 5:29 AM
#1
debtag avatar

debtag

Zen Follower

Join Date:
Sep 2006
Location:
Oregon
Posts:
207
Plugin Contributions:
0

Customizing the INVOICE

Hi!

I managed to change the Zencart logo on my INVOICE by uploading MY OWN LOGO.gif to admin/images/... I then renamed MY OWN LOGO.gif to logo.gif and replaced the existing logo.gif file with mine. That was easy enough. :clap:

NOW! I would love someone to please tell me how I can change the FONT and the COLORS OF THE FONT on the INVOICE.

I would also like to add a picture to the footer...

Thank you so much! :smile:

15 Dec 2009, 2:26 PM
#2
scott_c avatar

scott_c

Zen Follower

Join Date:
Dec 2009
Posts:
236
Plugin Contributions:
0

Re: Customizing the INVOICE

You would need to edit the invoice.php that sits in your admin directory.

I havent done it myself yet, but this is the file being called when you click on the invoice button in the backend.

Some of the style changes can be made by downloading the stylesheet.css file that sits under; Admin/includes

You can change the parameters of class names like; "pageHeading" for example.

16 Dec 2009, 5:11 AM
#3
debtag avatar

debtag

Zen Follower

Join Date:
Sep 2006
Location:
Oregon
Posts:
207
Plugin Contributions:
0

Re: Customizing the INVOICE

Thanks for answering me Scott! I figured out which file to edit; however, I need much more help editing it. I'm not real sure exactly how to make the changes I want such as: the font, and the color of the font. Any idea?

16 Dec 2009, 1:36 PM
#4
scott_c avatar

scott_c

Zen Follower

Join Date:
Dec 2009
Posts:
236
Plugin Contributions:
0

Re: Customizing the INVOICE

Hi, most cosmetic changes can be in the stylesheet, in this case; stylesheet.css which sits in admin/includes

The best bet is to go through invoice.php and look for parts of the code that say; class=

Example; class="pageHeading"

Then, go to your stylesheet and find the "pageHeading" class.

It should look like this;

h1,.pageHeading{
color:#003D00; /*727272*/
font-size:16px;
font-variant:small-caps;
font-weight:bold;

From there you can change the pageHeading properties to suit. LIke the colour; #003D00 - change that to #FF66FF - a nice hot pink. :D

16 Dec 2009, 6:39 PM
#5
debtag avatar

debtag

Zen Follower

Join Date:
Sep 2006
Location:
Oregon
Posts:
207
Plugin Contributions:
0

Re: Customizing the INVOICE

Thanks Scott! I will give it a whirl tonight after work! Thank you for taking time out to help a fellow Zenner! You da man! :)

16 Dec 2009, 6:50 PM
#6
debtag avatar

debtag

Zen Follower

Join Date:
Sep 2006
Location:
Oregon
Posts:
207
Plugin Contributions:
0

Re: Customizing the INVOICE

I don't know if you would know the answer to this one...I have a cart I'm currently working on...if you go to gotyourwant dot com, on the index page there it says, "WELCOME TO GOT YOUR WANT" (Then below that it says it again). I want the SECOND occurance of that phrase as I edited it in admin/define pages editor/define main page.php; however, the FIRST occurance of the phrase is on a different file and I have NO IDEA which one...any ideas?

ALSO...if you click on LOG IN from my index page, If you notice, the black words: NEW CUSTOMER and RETURNING CUSTOMER, etc. are all a little too low. Do you know how to fix them?

Thanks in advance! :wink:

17 Dec 2009, 2:50 AM
#7
scott_c avatar

scott_c

Zen Follower

Join Date:
Dec 2009
Posts:
236
Plugin Contributions:
0

Re: Customizing the INVOICE

Hi Deb, you can usually find things like that by using the Developers Tool Kit under the tools menu in the admin.

I suspect you mightve tried that and searched on; 'WELCOME TO GOT YOUR WANT' ? :-)

This wont work as the code will be something like; 'WELCOME TO $store_name' - You would need to simply search on; 'WELCOME TO'

It shows up in;
includes/languages/english/index.php

But if you have the overrides system set up (which you really should) it will be in;

includes/languages/english/YOUR_TEMPLATE_NAME/index.php

As for your wording being too high, its hard to say without looking right into the code. Im guessing (and its only a guess) that something is set incorrectly in your css stylesheet.

Either the brown box in the background is being pushed down (might be a padding or margin setting) - or the same for the text in that a padding or margin setting is actually pushing the text up.

Cheers,

Scott.

18 Dec 2009, 8:14 PM
#8
debtag avatar

debtag

Zen Follower

Join Date:
Sep 2006
Location:
Oregon
Posts:
207
Plugin Contributions:
0

Re: Customizing the INVOICE

Thanks Scott! WOW! You are exactly right!!!!!! I DID do a search for "Welcome to Got Your Want" and you're right again...nothing came up! Thank you for your great advice!!!!!!!! I will work on this and give you an update! :clap:

Very Grateful...
Deb

19 Dec 2009, 3:24 AM
#9
scott_c avatar

scott_c

Zen Follower

Join Date:
Dec 2009
Posts:
236
Plugin Contributions:
0

Re: Customizing the INVOICE

Lol. You're welcome Deb. Done it myself. :cool:

-Scott.