Ich habe ein zwischen Lösung gefunden.....mit css und modul anpassungen :-)
Ich benutze im:
system/modules/hit_graphical_navigation/templates/nav_graphicalnavi_activenuninkable.tpl
der id="{{env:parent_alias}}" um jede menupunkt zu bestimmen.
PHP-Code:
<?php
// Navigationsgrafiken laden
$this->import('Database');
$x=0;
foreach($this->arrData['items'] as $NaviItem) {
$objPage = $this->Database->execute('SELECT nopic,ropic,actpic FROM tl_page WHERE title="' . $NaviItem['title']. '"');
$strNOPic = $objPage->nopic;
$strROPic = ($objPage->ropic!='') ? $objPage->ropic : $strNOPic;
$strACTPic = ($objPage->actpic!='') ? $objPage->actpic : $strROPic;
array_insert($this->arrData['items'][$x],0,array('nopic'=>$strNOPic,'ropic'=>$strROPic,'actpic'=>$strACTPic));
$x++;
}
?>
<div class="graphicalnavigation">
<ul class="<?php echo $this->level; ?>">
<?php foreach ($this->items as $item): ?>
<?php if ($item['isActive']): ?>
<li class="active
<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>">
<?php if($item['actpic']): ?>
<img src="<?php echo $item['actpic']; ?>" alt="<?php echo $item['link']; ?>"
title="<?php echo $item['pageTitle']; ?>" height="20" width="270"
class="active
<?php if($item['class']): ?><?php echo $item['class']; ?><?php endif;?>" />
<?php else: ?>
<span class="active
<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><?php echo $item['link']; ?>
</span>
<?php endif; ?>
<?php echo $item['subitems']; ?>
</li>
<?php else: ?>
<li <?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>>
<a id="{{env::parent_alias}}" href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>
<?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?>
<?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?>
<?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?> onclick="this.blur();<?php echo $item['target']; ?>">
<?php if($item['nopic']): ?><img class="{{env::parent_alias}}" src="<?php echo $item['nopic']; ?>" height="20" width="270" alt="<?php echo $item['link']; ?>"
onmouseover="this.src='<?php echo $item['ropic']; ?>';" onmouseout="this.src='<?php echo $item['nopic']; ?>';" />
<?php else: ?>
<?php echo $item['link']; ?>
<?php endif; ?></a>
<?php echo $item['subitems']; ?>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</div>
Und im CSS
Code:
.graphicalnavigation .trail img{display: none;}
.graphicalnavigation .trail a#ueber-uns{display:block;padding:10px 0 13px 44px;background-image:url("tl_files/Solutionlabs/images/navi/uberuns_active.jpg");background-repeat:no-repeat;}
.graphicalnavigation .trail a#mediencorner{display:block;padding:10px 0 13px 44px;background-image:url("tl_files/Solutionlabs/images/navi/mediencorner_active.jpg");background-repeat:no-repeat;}
.graphicalnavigation .trail a#about-us{display:block;padding:10px 0 13px 44px;background-image:url("tl_files/Solutionlabs/images/navi/about_us_active.jpg");background-repeat:no-repeat;}
.graphicalnavigation .trail a#media-corner{display:block;padding:10px 0 13px 44px;background-image:url("tl_files/Solutionlabs/images/navi/media_corner_active.jpg");background-repeat:no-repeat;}
.mod_navigation .level_2 a#ueber-uns,.mod_navigation .level_2 a#mediencorner,.mod_navigation .level_2 a#about-us,.mod_navigation .level_2 a#media-corner{padding:0;background-image: none;}
Der "a#ueber-uns" sind der Title der Parent (Kategorien) so diese muss du mal ersetzen.
Viel spass,
Gr Rogier
Lesezeichen