# Main Categorie Drop Down

**URL:** <https://forum.shopware.com/t/main-categorie-drop-down/1268>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [6. Januar 2011 um 10:22 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268 "2011-01-06T10:22:59Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![x3llon](https://avatars.discourse-cdn.com/v4/letter/x/a6a055/32.png) [@x3llon](https://forum.shopware.com/u/x3llon)\
**Post date:** [6. Januar 2011 um 10:22 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/1 "2011-01-06T10:22:59Z")

</div>

Hallo Leute sicherlich ist dies nur eine Kleinigkeit, dennoch weiß ich nicht wie ich das Dropdown Menü in der Main Categorie aktiviere damit man die Unterkategorien sehen kann. Liebe Grüße :thumbup:

---

<div class="post-metadata">

**Author:** ![Max-Zander](https://avatars.discourse-cdn.com/v4/letter/m/8e7dd6/32.png) [@Max-Zander](https://forum.shopware.com/u/Max-Zander)\
**Post date:** [6. Januar 2011 um 10:30 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/2 "2011-01-06T10:30:40Z")

</div>

Findest Du unter Plugins, Advanced Menu Grüße

---

<div class="post-metadata">

**Author:** ![x3llon](https://avatars.discourse-cdn.com/v4/letter/x/a6a055/32.png) [@x3llon](https://forum.shopware.com/u/x3llon)\
**Post date:** [7. Januar 2011 um 09:44 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/3 "2011-01-07T09:44:11Z")

</div>

Super Dankeschön, nun habe ich noch ein Problem. Ich habe bei mir in der Top Navi die Abstände der Kategorien verkleinert so das dort mehr hinpasst. `#mainNavigation a {padding: 0px 12px 0px 12px; ...` Dadurch entsteht aber bei dem Dropdownmenü rechts eine weißer unverlinkter bereich so das wenn ich in eine Unterkategorie gehen möchte alles wieder verschwindet da der Link nicht bis zum rechten Rand geht. Leider habe ich es noch nicht hinbekommen die Abstände in der Top Navi zu verkleiner und gleichzeitig ein funkionierendes Dropdownmenü hinzubekommen. Ich hoffe jemand kann mir helfen. LG

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [7. Januar 2011 um 10:38 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/4 "2011-01-07T10:38:06Z")

</div>

Hier habe ich etwa sdazu geschrieben: [post5939.html?hilit=advanced#p5939](http://forum.shopware.de/post5939.html?hilit=advanced#p5939) Grüße Frank

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [7. Januar 2011 um 11:25 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/5 "2011-01-07T11:25:09Z")

</div>

Ich habe die Breite des DropDown auch verkürzt. Folgender Syntax verwende ich in der CSS: ` #mainNavigation a {padding: 0 10px;} #mainNavigation li {font-size: 95%;} #mainNavigation a.active {height: 27px;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {width: 100px;} #mainNavigation ul li.dropactive:hover a {height: 30px;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {width:135px;} #mainNavigation ul li.dropactive:hover ul.droplevel {left: 135px;width: 135px;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background: url(../images/arrows/bg\_arrow-small\_right.gif) 110px center no-repeat;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {width: 110px;color:#000000;border-color: #c7c7c7;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {width: 110px;background-color:#613400;color:#ffffff;} `

---

<div class="post-metadata">

**Author:** ![x3llon](https://avatars.discourse-cdn.com/v4/letter/x/a6a055/32.png) [@x3llon](https://forum.shopware.com/u/x3llon)\
**Post date:** [7. Januar 2011 um 13:45 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/6 "2011-01-07T13:45:11Z")

</div>

Danke für eure schnelle Hilfe! Hat auch soweit alles wunderbar funktioniert. Nur leider wird der Pfeil nicht angezeigt für Unterkategorien `/\* Drop down menu \*/ #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {width:150px;} #mainNavigation ul li.dropactive:hover ul.droplevel {left: 150px;width: 150px;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background: url(../images/arrows/bg\_arrow-small\_right.gif) 140px right no-repeat;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {width: 126px;color:#000000;border-color: #c7c7c7;} `

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [7. Januar 2011 um 13:49 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/7 "2011-01-07T13:49:00Z")

</div>

Liegt die Pfeil-Datei in deinem eigenem Templateverzeichnis? Sonst musst du nicht auf …/image… etc. verweisen, sondern auf \_default/resources/images…etc.

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [7. Januar 2011 um 14:17 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/8 "2011-01-07T14:17:55Z")

</div>

Du kannst dir einfach den /images/arrows/bg\_arrow-small\_right.gif aus dem \_default Template in deins kopieren. Dann sollten sie wieder angezeigt werden.

---

<div class="post-metadata">

**Author:** ![x3llon](https://avatars.discourse-cdn.com/v4/letter/x/a6a055/32.png) [@x3llon](https://forum.shopware.com/u/x3llon)\
**Post date:** [7. Januar 2011 um 15:14 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/9 "2011-01-07T15:14:04Z")

</div>

super danke lag daran das ich die dateien nicht in meinen template ordner kopiert hatte! mit begeistert über die gute hilfe in diesem forum

---

<div class="post-metadata">

**Author:** ![x3llon](https://avatars.discourse-cdn.com/v4/letter/x/a6a055/32.png) [@x3llon](https://forum.shopware.com/u/x3llon)\
**Post date:** [7. Januar 2011 um 16:17 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/10 "2011-01-07T16:17:25Z")

</div>

wie kann ich einstellen das mein dropdown menü mehr untermenüs zeigt also Hauptmenü \> Ebene1 \> Ebene1 \> Ebene1 \> Ebene2 \> Ebene1 \> Ebene2 ---------\> Ebene2 \> Ebene3 ---------\> Ebene2

---

<div class="post-metadata">

**Author:** ![x3llon](https://avatars.discourse-cdn.com/v4/letter/x/a6a055/32.png) [@x3llon](https://forum.shopware.com/u/x3llon)\
**Post date:** [7. Januar 2011 um 16:25 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/11 "2011-01-07T16:25:02Z")

</div>

Habe es selbst gelöst war ja nicht besonders schwer sorry 🙂

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [7. Januar 2011 um 16:26 UTC](https://forum.shopware.com/t/main-categorie-drop-down/1268/12 "2011-01-07T16:26:30Z")

</div>

Du gehst in das Backend unter Einstellungen / Plugins Hier wählst du unter Core Plugins / Frontend das Advanced\_Menu aus und klickst ganz rechts auf den Edit-Button. Standardmäßig ist unter Anzahl-Ebenen 2 eingetragen. Hier einfach deine gewünschte Tiefe des Menüs eintragen. EDIT: und ich war zu langam, hihi
