Header change according to category

[cregy]

Hi

Is it possible to change the header according to category please? i.e. If the header has a man with a kilt in on the front page, when I click on the category kilts woman, can I change the header image to a woman in a kilt please?

Also how do I change the size of category images on the home page?

Many thanks.

Rich

[crazy_chris]

sure.

i'd suggest to connect the header-image to the cPath (it's easy).

basics
each category has it's own cPath. the first step is to write down which categories you want to use and their cPath. eg klick on the category "kilts woman" and write down the cPath from the addressbar.

do it
like zencart does it by default, you should set the header-image in the css file like that:

#logoWrapper{
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height:75px;
    } 

now, we connect the css with the cPath's.

create one logoWrapper for each possible logo, and add a '_' and the cPath after "#logoWrapper" like that example:
(assumed, the category "women kilts" has the cPath 1, and "mens kilts" is 2)

#logoWrapper_1 {
    background-image: url(../images/header_bg_women_kilt.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height:75px;
    }
#logoWrapper_2 {
     background-image: url(../images/header_bg_men_kilt.jpg);
     background-repeat: repeat-x;
     background-color: #ffffff;
     height:75px;
     } 

now we come to the file "/includes/templates/your_template_dir/common/tpl_header.php"

1. find the line <div id="logoWrapper"> (line 70 here)
2. just before that line, we specify, which cpaths we want to have the logo changed.
   add that code before the <div> and modify the $logo_cpath to your needs (here we allow cpath 1 and 2 to change the logo):

   <?php
   unset($logo_cpath);
   $logo_cpath[] = "1";
   $logo_cpath[] = "2";
   /* add as many $logo_cpath[] = ...; as you want */
   ?>

3. replace <div id="logoWrapper"> with that:
   

   <div id="logoWrapper<?php if (array_search($_REQUEST['cPath'], $logo_cpath)) { echo '_' . $_REQUEST['cPath']; } ?>">

thats it!

may sound tricky, but is completely easy. try it out!

[cregy]

Hi

Absolutely brilliant and totally easy - thanks to you.

Take a look at the test run:
http://zencart.cregy.co.uk/

Rich

[cregy]

Hi Chris

sure.

i'd suggest to connect the header-image to the cPath (it's easy).

may sound tricky, but is completely easy. try it out!

Thanks for this and it works perfectly. Is it possible to do it with a non-cpath item please?

http://palomablanca.org.uk/

Thanks

Rich

[Dale Thomas]

I want to do this but I need to use a flash file. Can this be done through CSS?

One thought I had was to have a hard coded header file for each category. Anyone know of an easy way to the above code changes with a header file?

[cregy]

Hi

I am not sure I understand the question.

1. Do you want the header to be a flash file?
2. Do you want the header to rotate flash files?

Thanks

Rich

[Dale Thomas]

I want to display a flash file in the header and rotate it out depending on the category.

Sorry if I wasn't clear.

[cregy]

Hi Dale

I'm not sure that it is possible with the above code but there might be another way to do it. I have asked the question on another forum and I'll continue to look and try myself.

Rich

[Svanis]

Wonderful mod!

One little issue though, I need the header to be inherited to my subcategories.
Otherwise I would have to manually add approx. 200 sub and sub sub categories to my 5 top categories.

Anyone with a nice solution?

Also, I met some resistance with one of my categories, everything looked fine in the code and all I had to do was to create a new category to get a new id.
The non-working id was "10", has anyone noticed this issue and have a good answer on what caused it?

[Robbyn7]

I must be missing something. I thought followed these instructions to the T several times and still can't get my new header to show on the corresponding category. The first thing I did was added the logowrapper and cpath to my stylesheet. See my example below:
#logoWrapper_14 {
background-image: url(../images/bg_hdr_bottoms.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:160px;
}

Then I followed these instructions:
<?php
unset($logo_cpath);
$logo_cpath[] = "14";
/* add as many $logo_cpath[] = ...; as you want */
?>

And finally I replaced the divd logowrapper:
<div id="logoWrapper<?php if (array_search($_REQUEST['cPath'], $logo_cpath)) { echo '_' . $_REQUEST['cPath']; } ?>">

I'm using the Purpleshades template and the latest version 1.3.7. Am I missing something?

Thanks for any help.