Header change according to category

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

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)
```php
#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
<?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:
   *```php

<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!

Hi

Absolutely brilliant and totally easy - thanks to you.

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

Rich

Hi Chris

crazy_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

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?

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

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

Sorry if I wasn't clear.

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

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?

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: urlCOLOR=#007700;
background-repeat: repeat-x;
background-color: #ffffff;
height:160px;
}
[/COLOR]
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.

There's a global that changes according to the page your on:

$body_id

This can be used in various ways...

View the Academe Template here, and you will see the banner is displayed on the index page but removed for every other page. Now, I could change this if i needed to depending on the page by utilizing this $body_id.

Examples:

To make the banner, seen on the homepage of the Academe demo, appear only on the main page ... the code is as follows:

<?php
    if($body_id == 'index' && $cPath == ''){
  if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
    if ($banner->RecordCount() > 0) {
?>
<div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }}
?>

This could also be used to disable the right column on your category page that has the id (for example) 3:

 if ($current_page_base == 'index' && $cPath == '3') {
   $flag_disable_right = true;}

Thanks for the reply,

I'm not understanding how I would modify the code if I'm trying to change the header and not a banner? And is this only done to the tpl_header.php file? No changes need to be made to the stylesheet? Thanks.

Is there a simple solution to this?

Just wanted to know if there's a simple way to have different headers on each page. For instance, shirts would have its on header and pants would have its own header. Is there an easy way to do this?

Thanks for your help.

Link to my store: http://www.foxxydiva.com/fashions

Robbyn7:

Just wanted to know if there's a simple way to have different headers on each page. For instance, shirts would have its on header and pants would have its own header. Is there an easy way to do this?

Thanks for your help.

Link to my store: http://www.foxxydiva.com/fashions

You could dynamically change the #flashcontent ID in your header file to be different based on your category id, something like #flashcontent1, #flashcontent2.

Maybe an ID like #flashcontentbottoms or #flashcontentsale would better suit your site, just depends on your organization.

You'd then have corresponding styles in your stylesheet for different bg's. And I just realized your a flash header :lamo: ... Ok so ... forget the stylesheet stuff, forget changing the ID of that div ... you'd just have to load a different SWF file (based on your category id still).

Maybe I answered two questions there, iono :bangin:

testuser:

<?php if($body_id == 'index' && $cPath == ''){ if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div> <?php } }} ?> ```

UPDATE OF FIRST POST:

To only make something show on the homepage (banner in this example):

<?php
    if($this_is_home_page){
  if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
    if ($banner->RecordCount() > 0) {
?>
<div id="bannerThree" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
    }
  }}
?>

If you'd like it to not show, change $this_is_home_page to !$this_is_home_page .

Thanks for the reply testuser. The reason I went with the flash logo was because I couldn't figure out how to have different headers on each page. Hmm....I've tried the previous resolution but that didn't work for me. Maybe I'm just not understanding. I'll check out your solution and load a different SWF file.
Thanks for your help.

Very very nice....

Works great...but only the cPath=1 won't work for me...it has the image of #logoWrapper not of the #logoWrapper_1

The other images of cPath=2, cPath=3, cPath=4 works great

Why doesn't cPath=1 work for me?

raimond:

Very very nice....

Works great...but only the cPath=1 won't work for me...it has the image of #logoWrapper not of the #logoWrapper_1

The other images of cPath=2, cPath=3, cPath=4 works great

Why doesn't cPath=1 work for me?

Do you have a style defined correctly? Can you post the file you've edited?

testuser:

Do you have a style defined correctly? Can you post the file you've edited?

This is the section in the stylesheet.css

#logoWrapper {
    background: url(../images/header_bg.jpg) no-repeat top right;
    border-bottom: 1px solid white;
    height: 197px;
    margin: 0px;
    padding: 0px;
    }

#logoWrapper_1 {
    background: url(../images/header_bg_jeans.jpg) no-repeat top right;
    border-bottom: 1px solid white;
    height: 197px;
    margin: 0px;
    }
#logoWrapper_2{
    background: url(../images/header_bg_t-shirts.jpg) no-repeat top right;
    border-bottom: 1px solid white;
    height: 197px;
    margin: 0px;
    }

#logoWrapper_3{
    background: url(../images/header_bg_shirt.jpg) no-repeat top right;
    border-bottom: 1px solid white;
    height: 197px;
    margin: 0px;
    }
```and this is the section in the tpl_header.php

<?php unset($logo_cpath); $logo_cpath[] = "1"; $logo_cpath[] = "2"; $logo_cpath[] = "3"; $logo_cpath[] = "2"; /* add as many $logo_cpath[] = ...; as you want */ ?> <!--bof-branding display--> <div id="logoWrapper<?php if (array_search($_REQUEST['cPath'], $logo_cpath)) { echo '_' . $_REQUEST['cPath']; } ?>"> <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> <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?> <div id="taglineWrapper"> <?php if (HEADER_SALES_TEXT != '') { ?> <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div> <?php } ?> <?php if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { ?> <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div> <?php } } ?> </div> <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?> </div> <!--eof-branding display--> ```