logo help

[sybok]

I'm converting my html store to zencart -- it's just going to make life easier.
I'm almost done, but there is one little thing: My present logo, which I want to appear as it does on my present site, consists of three gif images. 2 are animated and the center is stagnant. You can view it at http://avalonrisen.com

header.php appears to only want to support one image, but there's got to be a way to get all three to show up in order. What code do I need to add to header.php to make this happen?

I'm using the classic template, with some revisions, as I'm trying to retain the look and feel of the original site. If you want to see my work in progress, go to http://avalonrisen.com/zencart

Thanks for your time!

[schoolboy]

Hmmm... Please don't be offended, but the "old" html site really looks awful. The use of those grainy, shuddering animated gifs does the site no favours. It looks like you are operating a business out of your spare bedroom - and even if this is the case, you need to give the impression that you are a big compan, operating out of downtown Manhattan.

So... the zencart site is your first GOOD move towards getting yourself a more professional look. Us this opportunity to create a more modern, sophisticated look.

Abandon those animated gifs, and look rather to having a PLAIN, SIMPLE, STATIC and SMALL LOGO !

Nobody is coming to the site to admire your logo...

... they are there to look at PRODUCTS... So focus on showcasing your PRODUCTS in the best-possible light. Keep silly trinkets (like animated gifs) to a minimum...

[schoolboy]

You are also making a CARDINAL ERROR by editing and customising the "classic" template.

You should create a separate custom template.

[sybok]

Yeah, well the wife INSISTS that they have to be there, otherwise I would deploy it now. As far as the look of the site as it stands, we're making a reasonable living from it --people order stuff -- I quit my other job years ago.

[keneso]

As far as the look of the site as it stands, we're making a reasonable living from it --people order stuff -- I quit my other job years ago.

And that's what is all about ;)
Anyhow a little restyling shouldn't worsen it, and schoolboy is an Expert (notice the capital E).

That said here is how I would do it:

First of all as suggested make a copy of Classic, and use that template, read the tutorial about template customization.

After that open common/tpl_header.php and hardcode your images in there in the <div id="logoWrapper">. You may need to add some div of your own to better control it.

[rstevenson]

I think, using a good image editor, you could combine the three logo images into one animated gif. Just because it's animated doesn't mean all the pixels have to change.

Rob

[schoolboy]

Ah... the wife. Yes, we all know who's the boss in certain situations.

While I still maintain that there are better and more "professional" ways to project your brand ID's, let's tackle the question as you ask it...

The HEADER area is COMMON to all "pages" of the site, so adjusting the structure will be a case of editing the tpl_header.php page.

Now... you are still being very naughty for messing with the CLASSIC template, because what I am about to tell you involves working with OVER-RIDE FILES.

But for now, let's take it as read that your CUSTOM template is the CLASSIC template.

First thing to do is to see if there is a tpl_header.php file, in the CLASSIC template's template directory path.

includes/templates/classic/common/tpl_header.php

If no such PATH exists, then you need to create it, so start by CREATING a folder in the CLASSIC folder, called "common".

Then get a COPY of includes/templates/template_default/common/tpl_header.php

.. and put that COPY into: includes/templates/classic/common/tpl_header.php

Then... open that COPY for editing: (You do this using a PLAIN TEXT EDITOR such as CRIMSON EDITOR, which is freeware on the WWW).

In that file, look for:

<div id="logoWrapper">
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

THIS PART . . .

<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

. . . . is what brings in the logo, so I am going to show you are really "crude" way of getting in your GIFS...

Change the ABOVE, to what I show BELOW.

<div id="logo"><table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 100%;"><tbody><tr><td><img src="http://http://avalonrisen.com/images/galahad.gif" /></td><td><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></td><td><img src="http://http://avalonrisen.com/images/galahad.gif" /></td></tr></tbody></table></div>

[schoolboy]

and schoolboy is an Expert (notice the capital E).

No where near being an expert, but I appreciate the compliment.

[keneso]

No where near being an expert, but I appreciate the compliment.

You mean you are "over" that stage? ;)
Glad you appreciate as it comes from heart.

If you are not, what am I? I wonder how much it'll cost me in therapy now to find who I am.

[sybok]

You mean you are "over" that stage? ;)
Glad you appreciate as it comes from heart.

If you are not, what am I? I wonder how much it'll cost me in therapy now to find who I am.

Expert with a capital E is much better that "Expert" with quotes, because as you know, scare quotes are a way of saying "not really," which changes Expert from a compliment to an insult. I only mention this because it is SO common on the interwebs for people to use quotes for emphasis. Misunderstandings result. Flame wars break out. Things get very ugly fast.

Anyway, I appreciate the advice. THANK YOU!