Joomla Templates Club 406,261 posts

[g1900kon Friend g1900konJoin date: July 2008Posts: 31Downloads:0Uploads:2 Thanks: 5 Thanked: 1 times in 1 posts]

#136985

I would like to have different header images for my site, I have several menu items which I want to give a different look by changing the header. Especially for each product page, I would like a different header. So we talk about at least 10-15 different header images.

Copying the template for each different new header seems not very practical.

Is it possible to do this within the Drimia template?

[SP Media Friend SP MediaJoin date: September 2014Posts: 477Downloads:0Uploads:12 Thanks: 38 Thanked: 70 times in 27 posts]

#285912

The header is normally site-wide, so if you updated index.php, it’ll flow the same change throughout the whole site.

[g1900kon Friend g1900konJoin date: July 2008Posts: 31Downloads:0Uploads:2 Thanks: 5 Thanked: 1 times in 1 posts]

#286072

Correct. But I would like the header menu/productpage specific. So I can copy the template 20 times, which is time/space consuming. Or maybe I can change the index.php so the place where the header is, I place some other code which makes it possible to create different headers. Maybe even add a extra component which will handle this?

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#286086

Try this tutorial

http://www.alledia.com/blog/design/different-header-images-on-different-pages/

See if it helps.

🙂

Anis

[g1900kon Friend g1900konJoin date: July 2008Posts: 31Downloads:0Uploads:2 Thanks: 5 Thanked: 1 times in 1 posts]

#286191

I must admit that I found this tutorial also. I looked at the component and I thought it was updated for the last time in 2007. I have looked again and found a newer version. So I will give it a try. Other options are off course still welcome!

[g1900kon Friend g1900konJoin date: July 2008Posts: 31Downloads:0Uploads:2 Thanks: 5 Thanked: 1 times in 1 posts]

#287135

I need some help to implement the header module posted above.

In the index.php I have:

[PHP]<!– BEGIN: HEADER –>
<div id=”ja-headerwrap”>
<div id=”ja-header”>
<h1 class=”logo”><a href=”index.php” title=”<?php echo $tmpTools->sitename();?>”><?php echo $tmpTools->sitename(); ?></a></h1>
<!– BEGIN: MAIN NAVIGATION –>
[/PHP]

In the CSS:

[PHP]/* HEADER
——————————————————— */
#ja-headerwrap {
position: relative;
z-index: 10;
}

#ja-header {

background: url(../images/head-bg.gif) no-repeat 0 60px;
height: 140px;
position: relative;
z-index: 999;

}[/PHP]

Now I have to integrate the following code into the index.php / CSS:

[PHP]<jdoc:include type=”modules” name=”header image” style=”none” />[/PHP]

I hope someone can help me out with this.

[g1900kon Friend g1900konJoin date: July 2008Posts: 31Downloads:0Uploads:2 Thanks: 5 Thanked: 1 times in 1 posts]

#287519

I tried to put the <jdoc> code just after the div (<div id=”ja-header”> ). This resulted in a banner at the bottom left of my screen.

I hope someone can help me in the right direction

[Author]

Posts