Statische Grafische Navigation mit Dynamischer Subnavigation

[finn]

Hallo Liebe Besucher,

wir sind an der Programmierung unserers 1. Contao Projektes.
Dabei sind wir nun auf folgendes Problem gestoßen:

Wir haben eine Grafische Statische Navigation in der nav_default.html5 angelegt, der nach Erstellung der Seitenstruktur die Hyperlinks zugewiesen wurden.
Uns ist klar, dass dies nicht die vornehmste Lösung ist, ich denke aber Sie ist legitim.

Nun stehen wir vor folgendem Problem, dass wir eine Subnavigation in zweier der 4 Menüpunkte einfügen möchten.
Wir sind hierfür so vorgegangen, dass wir uns wieder die nav_default.html5 geschnappt haben, und hier unter dem Menüpunkt "Leistungen" folgenden Code eingefügt haben:

 <?php foreach ($this->items as $item): ?>
    <?php if ($item['isActive']): ?>
    <?php else: ?>
      <li style="padding-left: 35px; padding-right: 30px;"><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?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; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
    <?php endif; ?>
  <?php endforeach; ?>

Nun werden uns jedoch alle Menüpunkte nochmals ausgegeben und darunter erst die Subnavigation von Leistungen.
Da es wie schon betont unser Erstprojekt ist, das wir mit Contao abwickeln haben wir hierzu nun noch keinen Lösungsweg gefunden.

Im Prinzip benötigen wir lediglich eine Hilfestellung, wie den Hauptmenüpunkten auch wirklich nur die Submenüpunkte zugewiesen werden, die richtig sind.

Ich hoffe die Beschreibung unseres Problems war spezifisch genung, und es gibt einige Contao-Profis die uns hier weiterhelfen könnten.

Vielen Dank im vorraus!

Grüße von,

Finn

[tomsky]

hallo finn,

also dafür brauchst Du das Template gar nicht anzupassen.

schau mal z.B. hier: http://de.contaowiki.org/Suckerfishalternative

[finn]

hallo finn,

also dafür brauchst Du das Template gar nicht anzupassen.

schau mal z.B. hier: http://de.contaowiki.org/Suckerfishalternative

Vielen Dank für die schnelle Rückmeldung.
Ich denke das "Hautproblem" ist, das wir für das Hauptmenü eine Grafische Navigation verwenden.
Das bedeutet, dass diese nicht editierbar ist über Contao sondern statisch im Navigationstemplate liegt.
Das heißt wir haben im Template ersteinmal 4 Zeilen HTML Code der von Contao nicht angetastet wird.
Unter dem 3 Menüpunkt nun haben wir die Navigationsschleife die von Contao ausgegen wird eingebaut.

Hier nochmals der komplette Code:

<ul class="dropdown">
            	<li class="pad1"><a href="index.php" onmouseover="document.getElementById('block').style.display = 'none'; document.getElementById('none').style.display = 'block';" onmouseout="document.getElementById('block').style.display = 'block'; document.getElementById('none').style.display = 'none';"><img id="none" style="display: none;" src="files/rtv-live/images/home_hover.png" class="flexible"><img id="block" src="files/rtv-live/images/home.png" class="flexible"></a></li>
            	<li class="pad2"><a href="profil.php" class="dir" onmouseover="document.getElementById('block1').style.display = 'none'; document.getElementById('none1').style.display = 'block';" onmouseout="document.getElementById('block1').style.display = 'block'; document.getElementById('none1').style.display = 'none';"><img id="block1" src="files/rtv-live/images/leistungen.png" class="flexible"><img src="files/rtv-live/images/leistungen_click.png" id="none1" class="flexible" style="display: none;" /></a>
				<ul>
				 <?php foreach ($this->items as $item): ?>
    <?php if ($item['isActive']): ?>
    <?php else: ?>
      <li style="padding-left: 35px; padding-right: 30px;"><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?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; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
    <?php endif; ?>
  <?php endforeach; ?>
</ul>
				</li>
            	<li class="pad2"><a href="#" onmouseover="document.getElementById('block2').style.display = 'none'; document.getElementById('none2').style.display = 'block';" onmouseout="document.getElementById('block2').style.display = 'block'; document.getElementById('none2').style.display = 'none';"><img id="block2" src="files/rtv-live/images/referenzen.png" class="flexible"><img id="none2" style="display: none;" src="files/rtv-live/images/referenzen_hover.png" class="flexible"></a></li>
                <li class="pad3" style="float: right;"><a  onmouseover="document.getElementById('block3').style.display = 'none'; document.getElementById('none3').style.display = 'block';" onmouseout="document.getElementById('block3').style.display = 'block'; document.getElementById('none3').style.display = 'none';" href="#"><img id="block3" src="files/rtv-live/images/kontakt.png" class="flexible"><img id="none3" style="display: none;" src="files/rtv-live/images/kontakt_hover.png" class="flexible"></a></li>
            </ul>
			

Ich hoffe dies war nun nochmals etwas präzieser, da wir denke auch nicht mit der Extension weiterkommen werden.

Danke für deine Mühen!

Finn