Hallo @ all, ich habe mir ein kleines MegaMenu gebaut. Das sieht wie folgt aus: http://prntscr.com/73wvs3 der code dazu ist: /\* MAIN-NAVIGATION ---------Zusatz--------------- \*/ #mainNavigation { margin: 0 auto; height: 35px; padding: 0; width: 1020px; line-height: 35px; border:0px;} #mainNavigation a {padding:0px 0px 0px 0px; height: 30px; cursor: pointer; border:0px;} #mainNavigation a span {background:transparent; display: block;margin: 0;padding: 0 15px 0px;height: 35px;line-height: 35px;} #mainNavigation a:hover {background: #fff; text-decoration: none; font-weight:bold; color: #666;} #mainNavigation a:hover span {color: #666; margin: 0px 0; height: 35px; line-height: 35px; font-weight: normal; background-color: #fff;} #mainNavigation a.active {background:transparent; color: #fff; height: 35px; border:0px;} #mainNavigation a.active span { background-color: #FFF; color: #666; height: 35px; font-weight: normal;} #mainNavigation a.active:hover span {height: 35px; margin: 0; line-height: 35px;} #mainNavigation ul li.dropactive:hover a { color: #666; border: 0px; height:35px; } #mainNavigation ul li.dropactive:hover a span {height: 35px; color: #666; background:#fff; } #mainNavigation ul li.dropactive a:hover span { height: 35px; border: 2px; background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub ul {margin: 0px; padding:0px;color: #fff;border:0px;float:none} #mainNavigation ul li.active.dropactive:hover a {color: #fff;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {margin-bottom:10px; padding-bottom:10px; width:1020px; -moz-box-shadow: -5px 5px 5px #ddd; -webkit-box-shadow: 0px 2px 0px #008ac9;/\* box-shadow: -5px 5px 5px #ddd;\*/ margin-top:-1px; background-color:#FFF;left:-2px;} #mainNavigation li.active:hover ul.dropdown {margin-left: 0px;} media="all" #mainNavigation ul li.dropactive:hover a {border: 1px solid; height: 28px; position: relative; z-index: 3000;} /\* -------Zusatz-----\*/ #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {color: #008ac9;background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {border: none;background: none;display:block;text-align:center;height:30px;line-height:30px;border-bottom:0px solid;width:113px;}
und das Advanced menu: [code]{function name=categories_top level=0}
{foreach from=$categories item=category} - {$category.name} {if $category.sub} {call name=categories_top categories=$category.sub level=$level+1} {/if}
{/foreach} {/function}
- [{se name=‚IndexLinkHome‘}Home{/se}]({url controller=‚index‘} „{s name=‚IndexLinkHome‘}{/s}“)
{foreach from=$sAdvancedMenu item=sCategory} {if !$sCategory.hidetop} - {$sCategory.description} {if $sCategory.sub} {call name=categories_top categories=$sCategory.sub} {/if}
{/if} {/foreach}
[/code] nun hbae ich das Problem das ich gerne Unter der 2 Ebene („Unter-Kategorie“) noch eine Kategorie anlegen möchte. Leider wird diese nicht angezeigt und ich weiß nicht genau warum. Mein Ziel ist es das die Navigation so Ähnlich aussieht wie bei der Shopware 5 Navigation. Bedeutet das die 2. Ebene etwas dicker da steht und darunter dann die 3.ebene wie hier: http://shopware5.alphabitonline.de/ http://www.paper-markt.de/ ich hoffe das jemand eine Idee hat oder meine Fehler findet vielen Dank