Seite 1 von 1
Navigation Horizontal mit allen Menüpunkten
Verfasst: Mi 23. Jan 2019, 15:41
von sarronsarron
Hallo,
gibt es eine andere navigation_main oder kann man sie leicht abändern?
Ich bräuchte eine horizontale Navigationbei der gleich alle Menüpunkte aufgelöst werden sodass ich eine Slidernavigation machen kann. Im Moment sieht man die unteren Menüpunkte erst nachdem der Hauptmenüpunkt angeklickt wurde.
Dank im Voraus
sarron
Re: Navigation Horizontal mit allen Menüpunkten
Verfasst: Mi 23. Jan 2019, 18:40
von xmurrix
Hallo sarron,
sarronsarron hat geschrieben: ↑Mi 23. Jan 2019, 15:41
...gibt es eine andere navigation_main oder kann man sie leicht abändern?
Ich bräuchte eine horizontale Navigationbei der gleich alle Menüpunkte aufgelöst werden sodass ich eine Slidernavigation machen kann. Im Moment sieht man die unteren Menüpunkte erst nachdem der Hauptmenüpunkt angeklickt wurde...
Ich vermute, dass das auch mit dem Modul "navigation_main" möglich ist. Das Ändern der Zeile 16 im Modul-Template "get.tpl" von
Code: Alles auswählen
{if $idcat|in_array:$path and !empty($wrapper.subcats)}
in
sollte dafür sorgen, dass alle Subkategorien ausgegeben werden.
Gruß
xmurrix
Re: Navigation Horizontal mit allen Menüpunkten
Verfasst: Do 24. Jan 2019, 08:39
von sarronsarron
Hallo,
Danke. Habs ausprobiert und es funktioniert genau so wie ich es wollte. Super!
Gruß sarron
Re: Navigation Horizontal mit allen Menüpunkten
Verfasst: Di 4. Aug 2020, 09:25
von Faar
Der ganze Template-Code sieht dann etwa so aus:
Code: Alles auswählen
{if 0 lt $ulId|strlen}<!-- navigation_main/template/get.tpl -->{/if}
<ul class="main-nav">
{foreach from=$tree item=wrapper}
{assign var="idcat" value=$wrapper.idcat}
{assign var="url" value=$wrapper.item->getLink()}
{assign var="name" value=$wrapper.item->get('name')}
{if $idcat|in_array:$path}
{assign var="aClass" value='active'}
{else}
{assign var="aClass" value=''}
{/if}
<li class="main-heading">
<a class="{$aClass|escape}" href="{$url|escape}" title="{$name|escape}">{$name|escape}</a>
{if !empty($wrapper.subcats)}
{include file="navigation_main/template/get.tpl"
tree=$wrapper.subcats path=$path ulId=""}
{/if}
</li>
{/foreach}
</ul>
{if 0 lt $ulId|strlen}<!-- /navigation_main/template/get.tpl -->{/if}
Wobei hier noch irgendwie CSS-Klassen für die Subnavigation eingebaut werden müssten.
"active" funktioniert.
Nachtrag:
ulId="123" oder ulClass="dropdown" funktioniert aber mit liClass geht es nicht mehr.
Darum habe ich oberhalb <li> noch das eingefügt:
Code: Alles auswählen
{if !empty($wrapper.subcats)}
{assign var="liClass" value='dropdown'}
{else}
{assign var="liClass" value=''}
{/if}
Es funktioniert.