Header Logo - One for the Home Page, one for all other pages?

[lat9]

Create the file /includes/templates/YOUR_TEMPLATE/css/index_home.css and add:

#logoWrapper{
background-image: url(../images/logo_for_home_page.gif);
background-repeat: no-repeat;
background-color: #ffffff;
height:315px;
}

Edit the file /includes/templates/YOUR_TEMPLATE/css/stylesheet.css (if it doesn't exist, copy the file from the template_default directory).

#logoWrapper{
background-image: url(../images/logo_for_notthehome_page.gif);
background-repeat: no-repeat;
background-color: #ffffff;
height:100px;
}

There are other page, category and product overrides that can be done with CSS. Read /includes/templates/template_default/css/CSS_read_me.txt for more information.

[CultureClick]

OH, THANK YOU! I am going to try that shortly, and if it works, I will venerate your ancestors!

[CultureClick]

Create the file /includes/templates/YOUR_TEMPLATE/css/index_home.css and add:

#logoWrapper{
background-image: url(../images/logo_for_home_page.gif);
background-repeat: no-repeat;
background-color: #ffffff;
height:315px;
}

Okay, so I am guessing that this file doesn't have only the stuff in red above, it is the entire MYTEMPLATE/css/stylesheet.css file that I have now, right? With that modification and saved as /includes/templates/YOUR_TEMPLATE/css/index_home.css . Right?

Edit the file /includes/templates/YOUR_TEMPLATE/css/stylesheet.css (if it doesn't exist, copy the file from the template_default directory).

#logoWrapper{
background-image: url(../images/logo_for_notthehome_page.gif);
background-repeat: no-repeat;
background-color: #ffffff;
height:100px;
}

Okay, and this is the MYTEMPLATE/css/stylesheet.css file that I have right now, right? And add the stuff in red above?

There are other page, category and product overrides that can be done with CSS. Read /includes/templates/template_default/css/CSS_read_me.txt for more information.

Ooooo! Bedtime reading! This stuff brings out my inner techie geek.

Thank you, I'll report back on my success or failure!

CultureClick the toddler Zenner

[CultureClick]

OH YES OH YES OH YES! May the Techological Gods and the Zen Higher Beings bless you! May your ancestors, technologically inclined or otherwise, be granted Heavenly Patents on all their best ideas, and may those ideas be trasmitted to the entrepreneurial side of yourself, so you make a million dollars on a new idea! Thank you!

[lat9]

I'm glad you got it sorted out! The index_home.css (at least initially) should contain only the stuff in red and you'll edit the fragment in your stylesheet.css to account for the specifics of your non-homepage logo.

[CultureClick]

I'm glad you got it sorted out! The index_home.css (at least initially) should contain only the stuff in red and you'll edit the fragment in your stylesheet.css to account for the specifics of your non-homepage logo.

REALLY? Uh oh. My index_home.css is the same as the stylesheet.css, everything the same, EXCEPT that header change. It works this way. I'm going to try removing everything but the stuff in red, and see what happens.

Hmmmm....

[lat9]

REALLY? Uh oh. My index_home.css is the same as the stylesheet.css, everything the same, EXCEPT that header change. It works this way. I'm going to try removing everything but the stuff in red, and see what happens.

Hmmmm....

Yes, it will work that way ... until you make some "global" change in the stylesheet.css and wonder why it doesn't affect your home page! Essentially, you really want the more-specific css files to contain only the delta changes from the overall styling.

[CultureClick]

Yes, it will work that way ... until you make some "global" change in the stylesheet.css and wonder why it doesn't affect your home page!

Gotcha! But tell me, what do you think about the other strategy, using the actual logo gif and making it big enough to fill the header space, and centering it?

Yours,

CultureClick the toddler Zenner

[CultureClick]

Okay, now, so I was cogitating on this last night, right? And I thought, well, if this is the way to go:

// 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');
if ($this_is_home_page) {
/* These definitions apply to your home page only */
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo_for_home_page.gif');
} else {
/* These definitions apply to all other pages */
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo.gif');
}

.... right, the way you originally suggested, then you wouldn't have to mess with a header background, you could just make your header logo 750x350 and then another version 750x100, and center it each time, so it would fill up the space you alloted. Wouldn't that work?

It's ironic, one of my first changes to the classic template was to get that logo out of there! LOL

CultureClick the toddler Zenner