Logo problems - please help

[ryangsoton]

Evening all - just installed Zen Cart today and this is my 1st post so please be gentle! he he

Seem to have got the hang of the bits ive tried but there is one thing (thusfar) that im stuck on...

Right, ive uploaded my logo to my mytemplate folder, however (not sure if this is important or not) but it is a .png file. Ive managed to find and modify the header file so that it brings up logo.png and this works fine, so the logo is up in png format.

Originally i was having the problem that the logo wasnt quite covering the previous header that was in place. Ive sorted that out by deleting the default zencart logo which again, has worked fine. I now have a logo, looking as i want it to in the right part of the screen, with nothing behind it.

BUT.... its not quite big enough, and doesnt reach the edges of the nav bars above and below it. Ive tried resaving the .png file as a bigger picture but no luck, and have also tried to modify the header file to make the logo a bigger picture, again, with no luck. regardless of the size of the .png or the header page sizes the image stays the same (ie a bit small). The script in the header currently reads this:

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce [home link]');
define('HEADER_SALES_TEXT', '<h1></h1>');
define('HEADER_LOGO_WIDTH', '200px');
define('HEADER_LOGO_HEIGHT', '70px');
define('HEADER_LOGO_IMAGE', 'logo.png');

(Have tried setting the width to 250, 300, 1000 etc but doesnt make a difference, also tried setting it to 100% - was worth a shot but no luck)

Ive searched the forums and i see some people have had the same problem and rectified it using the 2 methods ive tried but it hasnt worked for me. Is it because they are using .gif and im using .png? or am i clutching at straws?

Any help greatly appreciated!

[kobra]

post a url

Post the graphic tools you have access to

[ryangsoton]

Wow - that was quick! Url is below, not much on it yet im afraid.

http://www.climax-creation.com/zen-c...eset/index.php

I have access to dreamweaver and fireworks

As you can see its the right hand side which just doesnt stretch enough.

Any help appreciated!

[seethrou]

First, seems that you are directly using the template - classic as you custom template.

Please stop that, leave the classic and template_default and keep them alone.
Instead, you can create one for your own, by download a template from the download area, copy or clone a template, or create one for yourself. The best is to choose the templates which based on the new design of template_default.

Then put your own template in a new directory and modify it. Please refer to other thread related to this subject.

For the problem of your logo, first have a concept for this is better.

The logo image should not be in the full width of the page. Since there both have another elements although sometimes you can't see them.

The width of the logo should be less than:
(the maximum width for the logo) = (the full width of main page) - (all the widths of other elements)

And for matching, you can set a background color and/or background image to cover the whole areas behind the header and logo.

.

[ryangsoton]

ok, thanks for that. have just read up on the template issues and think i can sort that with no problems.

With regards to the size, what size is ideal for a logo? and do i set this size in the index.php or in my image editor?

Many thanks for your help!

[seethrou]

Make sure to use Override!
Please refer to other related topics about Override.

The original file is in the:
includes/languages/english/header.php

Then copy the above file and save to your override dirctory:
includes/languages/english/YOUR_TEMPLATE/header.php

If you had modified the above file before, then you should use compare and match methods.


And modify the following lines to match your needs.

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
  define('HEADER_SALES_TEXT', 'TagLine Here');
  define('HEADER_LOGO_WIDTH', '192px');   // adjust this for your logo width
  define('HEADER_LOGO_HEIGHT', '64px');    // adjust this for your logo height   
  define('HEADER_LOGO_IMAGE', 'logo.gif');  // this is your logo file name