Zen Cart Logo
Forums / General Questions / How do I put my store logo graphic in the header?

How do I put my store logo graphic in the header?

Views: 2,066

Results 1 to 8 of 8
25 Jul 2012, 10:12 PM
#1
jimweinberg avatar

jimweinberg

New Zenner

Join Date:
Jul 2012
Posts:
33
Plugin Contributions:
0

How do I put my store logo graphic in the header?

Hi all.

After some really great help from Stevesh, I've finally got my Zen Cart the way I want it. Just 2 more changes and I think I'll be ready to enter my products and publish. I'll take them one at a time:

I'd like to replace the top section (the area in yellow in the attachment) with my store logo graphic. Can someone please tell me how to do that.

I'm pretty much a newbe to Zen Cart, so please be specific.

Thanks in advance,
Jim

26 Jul 2012, 7:06 AM
#2
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: How do I put my store logo graphic in the header?

Maybe not specific, but you might try two things:

  1. Make a logo the necessary size, upload it as a normal logo, and see what hapens.

  2. Make it a background image, replacing the default background image that comes with the classic template.

If you go to this zencart template site you should see examples of templates working off of the Classic template that has such a logo. You can download one and see how it was done...or perhaps use that template:

http://(sorry, site offline)/zc150/

For example, the Darkness template at above link. And there are others.

26 Jul 2012, 2:45 PM
#3
jimweinberg avatar

jimweinberg

New Zenner

Join Date:
Jul 2012
Posts:
33
Plugin Contributions:
0

Re: How do I put my store logo graphic in the header?

SPH:

I already have the graphic, the problem is I don't know where to put it -- be kind :smile:

As I said, I'm a newbe. Where do I upload the graphic to? Also, will it be displayed on all pages (catalog, shopping cart, checkout, etc.)?

Thanks.

26 Jul 2012, 4:35 PM
#4
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: How do I put my store logo graphic in the header?

Hopefully you set-up the template custom over-ride system?

Logo pics go in includes/templates/YOUR_TEMPLATE/images folder

Default is a gif. If you've made a jpg or a png you'll have to indicate that in the languages/english/YOUR_TEMPLATE/header.php file. You can also set dimensions there.

Now, if you did not set-up a template over-ride system you might try loading your logo to includes/templates/classic/images.

But without the template over-ride, you'll be in trouble soon enough with upgrades and plugins.

26 Jul 2012, 4:48 PM
#5
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: How do I put my store logo graphic in the header?

One more thing while you're working on your new logo.

The Classic template comes at a narrow 750px wide. We're now using 1000px wide since screens are now bigger. If you're using the default Classic width, you might want to adjust the width of your site (see stylesheet) and your new logo to match.

26 Jul 2012, 5:26 PM
#6
jimweinberg avatar

jimweinberg

New Zenner

Join Date:
Jul 2012
Posts:
33
Plugin Contributions:
0

Re: How do I put my store logo graphic in the header?

SPH:

That did it! Now, if I could only figure out how to change the background color and the awful green color, I'd be a happy camper.

Many thanks.

26 Jul 2012, 7:52 PM
#7
sph avatar

sph

Totally Zenned

Join Date:
Jan 2006
Posts:
1,556
Plugin Contributions:
0

Re: How do I put my store logo graphic in the header?

Most of the green color on the Classic template are the sidebox header images and such. You can either make a new image for those, or use just html color code.

Pretty much everything pertaining to color and background images is in the stylesheet. You can change font color there also.

28 Jul 2012, 12:47 PM
#8
jimweinberg avatar

jimweinberg

New Zenner

Join Date:
Jul 2012
Posts:
33
Plugin Contributions:
0

Re: How do I put my store logo graphic in the header?

SPH:

You were right. Everything I needed was in the stylesheet. My bad! Thanks.