Joomla Templates Club 406,261 posts

[Mv Tools Friend Mv ToolsJoin date: September 2014Posts: 24Downloads:0Uploads:0 Thanks: 5]

#143255

Hello,

can anywhone tell me how i place a module postion instead of the logo?
i want to change the logo in different menu items.

Thanks in advanced

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#313401

Nice idea Mv. Here’s how you do it.

1. Open your templates index.php file and find around line 110…
<div id=”ja-header”>
<h1 class=”logo”><a href=”index.php”><?php echo $tmpTools->sitename();?></a></h1>Replace the above with this…

<div id=”ja-header”><?php if ($this->countModules(‘logo’) ) { ?>
<div id=”logo”>
<jdoc:include type=”modules” name=”logo” style=”none” />
</div>
<?php } ?>2. Create a new custom_HTML module and open the HTML box and enter..

<h1 class=”logo”><a href=”index.php”><?php echo $tmpTools->sitename();?></a></h1> This is the original line from our index.php file.

In the positions box on the left of the module manager type ‘logo‘. Set which menu items you want this logo assigned to and save your module.

Repeat step 2 above and this time enter…

<h1 class=”logo2″><a href=”index.php”><?php echo $tmpTools->sitename();?></a></h1>… in the HTML box. Assign this logo to different menu items to the first one.

3. Now open your templates template.css file and find on line 1007….

h1.logo {
float: left;
margin: 0;
padding: 0;
width: 295px;
display: block;
font-size: 300%;
height: 100px;
}

h1.logo a {
width: 280px;
float: left;
display: block;
background: url(../images/logo.gif) no-repeat;
text-decoration: none;
text-transform: uppercase;
text-indent: -4000px;
height: 100px;
outline: none;
}
Copy this text and paste it into a new blank line after itself (if you know what I mean?) Then change it to logo2 like…

h1.logo2 {
float: left;
margin: 0;
padding: 0;
width: 295px;
display: block;
font-size: 300%;
height: 100px;
}

h1.logo2 a {
width: 280px;
float: left;
display: block;
background: url(../images/logo2.gif) no-repeat;
text-decoration: none;
text-transform: uppercase;
text-indent: -4000px;
height: 100px;
outline: none;
}

With logo2.gif being your different logo image (Keep them the same size). Repeat steps 2 and 3 as often as you like.

If you have any problems let me know. You may run into problems entering <php> in the HTML box depending on what version of Joomla and which editor you are using but we’ll cross that bridge when we come to it.

1 user says Thank You to scotty for this useful post

1. Mv Tools

[Mv Tools Friend Mv ToolsJoin date: September 2014Posts: 24Downloads:0Uploads:0 Thanks: 5]

#313404

Wow, works. Thank you for the well documented answer.
Thanks

[Author]

Posts