# Layout Hauptnavigation ändern

**URL:** <https://forum.shopware.com/t/layout-hauptnavigation-andern/36574>\
**Category:** Themes & Design\
**Created:** [5. Mai 2016 um 11:12 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574 "2016-05-05T11:12:27Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![\_Geloschter\_Benutze6](https://avatars.discourse-cdn.com/v4/letter/_/9dc877/32.png) [@\_Geloschter\_Benutze6](https://forum.shopware.com/u/_Geloschter_Benutze6)\
**Post date:** [5. Mai 2016 um 11:12 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/1 "2016-05-05T11:12:27Z")

</div>

Es geht um diesen&nbsp;\*\*[http://bazar-royal.de/](http://bazar-royal.de/)&nbsp;\*\*Shop. Installiert wurde das Plugin “Erweitertes Menu” ([http://community.shopware.com/Plugin-Erweitertes-Menue-Advanced-Menue\_detail\_587.html](http://community.shopware.com/Plugin-Erweitertes-Menue-Advanced-Menue_detail_587.html)) und “Sticky Menu” (tut hier sicher nicht zu Sache).&nbsp;Nun möchte ich das erweiterte Menu bzgl. Layout editieren, da ich die ausgeklappte Navigation häßlich finde. Die graue Zeile (“Zur Kategorie…”) soll unbedingt weg und der Zeilenabstand zwischen den Menupunkten verringert werden. Im Backend (Grundeinstellungen --\> Storefront --\> Erweitertes Menu) gibt es derartige Einstellungen nicht. Folglich muß ich an den Code ran.&nbsp;Welche Dateien muß ich dafür bearbeiten? Hat jemand von euch diesbezüglich Erfahrungen? Ich danke im Voraus!

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/8/830ac69c98049cede63cd7729d8aec6f11f10caf.png)

---

<div class="post-metadata">

**Author:** ![Rednaxela](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@Rednaxela](https://forum.shopware.com/u/Rednaxela)\
**Post date:** [5. Mai 2016 um 14:41 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/2 "2016-05-05T14:41:38Z")

</div>

Bei solchen Fragen kann man auch erstmal die Suche im Forum nutzen, google ist auch eine Möglichkeit, und im Ernstfall nicht gleich nach 3 Minuten aufgeben. Es gibt hierzu generell ganz gute Einstiegshilfen, da kann man auch die gerade erwähnten Suchen nutzen

---

<div class="post-metadata">

**Author:** ![\_Geloschter\_Benutze6](https://avatars.discourse-cdn.com/v4/letter/_/9dc877/32.png) [@\_Geloschter\_Benutze6](https://forum.shopware.com/u/_Geloschter_Benutze6)\
**Post date:** [5. Mai 2016 um 15:36 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/3 "2016-05-05T15:36:37Z")

</div>

Solche dämlichen&nbsp;Bemerkungen kannst du dir sparen. Denkst du ich würde mir die Mühe machen hier zu schreiben, wenn ich das von dir Genannte nicht schon erfolglos versucht hätte?!

---

<div class="post-metadata">

**Author:** ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)\
**Post date:** [5. Mai 2016 um 16:09 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/4 "2016-05-05T16:09:02Z")

</div>

Kopiere die index.tpl aus dem Plugin advanced\_menu, lege die in deinem Theme unter fronted/advanced\_menu/index.tpl an.

Jetzt kannst du diese bearbeiten und hier auch speichern. Wenn es dir nur um Design geht kannst du das natürlich auch mit less machen.

Zeljko

---

<div class="post-metadata">

**Author:** ![Rednaxela](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@Rednaxela](https://forum.shopware.com/u/Rednaxela)\
**Post date:** [5. Mai 2016 um 16:16 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/5 "2016-05-05T16:16:02Z")

</div>

sry, sollte nicht blöd klingen, aber ich habe mal die Forum Suche benutzt, da kam z.B. folgendes:

[http://forum.shopware.com/discussion/comment/157212/#Comment\_157212](http://forum.shopware.com/discussion/comment/157212/#Comment_157212)

hds schrieb:

Du hast doch bestimmt vom Responsive Theme ein eigenes abgeleitet ( wäre zumindest ratsam ), sofern du die Dateien nicht hast musst du diese neu anlegen und in deimen Theme speichern. Findest du unter **&nbsp;/themes/Frontend/dein eigenes Theme/frontend/\_public/src/less** hier legst du die **all.less** an und&nbsp; **/themes/Frontend/dein eigenes Theme/frontend/\_public/src/less/\_components&nbsp;** legst du **advanced-menu.less** an.

Denke mal das sollte so ok sein, ich habs gerade nicht vor mir

&nbsp;

---

<div class="post-metadata">

**Author:** ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)\
**Post date:** [5. Mai 2016 um 16:24 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/6 "2016-05-05T16:24:19Z")

</div>

Hallo Steffen,

so wie du es jetzt hast funktioniert das ganze Menü in der Mobilen Ansicht nicht, deshalb ist der Style erst mal Nebensache.

Ich glaube du hast das komplette linke Sidebar rausgeschmissen, in der befindet sich aber auch die Navigation für die Smartphone-Ansicht.

```
Menü schließen 

```

Du kannst eigentlich nur den linken Block bei einem bestimmten Viewport ausblenden, so das es erhalten bleibt und noch bei die Mobile Navigation zur verfügung steht.

Bei der Suchbox musst du dir auch was einfallen lassen ist jetzt bei z-index: 3000 und müsste aber mit z-index: 1000 unter deinem Menü beschwinden.

&nbsp;

Uwe

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [5. Mai 2016 um 17:20 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/7 "2016-05-05T17:20:10Z")

</div>

Es war keine dämliche Bemerkung von @Rednaxela‍ sondern ein Hinweis. Pampig muss man auch nicht gleich werden.

Zu deinen Problem: Du solltest dich einmal durch den Designers Guide arbeiten um ein Grundwissen für die Theme Entwicklung zu bekommen:

[https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/)

---

<div class="post-metadata">

**Author:** ![\_Geloschter\_Benutze6](https://avatars.discourse-cdn.com/v4/letter/_/9dc877/32.png) [@\_Geloschter\_Benutze6](https://forum.shopware.com/u/_Geloschter_Benutze6)\
**Post date:** [5. Mai 2016 um 18:16 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/8 "2016-05-05T18:16:28Z")

</div>

Vielen Dank zunächst für die meisten Zuschriften. Problem ist, daß ich&nbsp;weder im Plugin-Ordner noch irgendwo sonst&nbsp;einen Ordner advanced\_menu oder&nbsp;eine advanced-menu.less finde. Hätte ich sie gefunden hätte ich die Frage gar nicht gestellt. Es geht also **nicht** darum, **wie** ich die Datei umprogrammieren muß, **sondern** die richtige(n) **Datei** (en) zu **finden**.&nbsp;

@useg‍: Vielen Dank für den Hinweis mit der Sidebar - ist erledigt. Da war ich zunächst etwas zu rabiat…

---

<div class="post-metadata">

**Author:** ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)\
**Post date:** [5. Mai 2016 um 18:24 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/9 "2016-05-05T18:24:09Z")

</div>

Steffen,

die gibt es doch im Plugin \>&nbsp;engine/Shopware/Plugins/Default/Frontend/AdvancedMenu/Views/frontend/\_public/src/less/advanced-menu.less

Uwe

---

<div class="post-metadata">

**Author:** ![\_Geloschter\_Benutze6](https://avatars.discourse-cdn.com/v4/letter/_/9dc877/32.png) [@\_Geloschter\_Benutze6](https://forum.shopware.com/u/_Geloschter_Benutze6)\
**Post date:** [5. Mai 2016 um 18:27 UTC](https://forum.shopware.com/t/layout-hauptnavigation-andern/36574/10 "2016-05-05T18:27:26Z")

</div>

Dann ist alles klar. Ich war im falschen Plugin-Ordner… ![Undecided](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/8ae622c50104e84c5003fedfcc22572813a67b41.png "Undecided")
