# Navigationsleiste umstrukturieren

**URL:** https://forum.shopware.com/t/navigationsleiste-umstrukturieren/99886
**Category:** Programmierung
**Tags:** programming, administration, offizielle-shopware-, installation--gettin, templates--design, themes--design, plugin-wünsche
**Created:** [30. Mai 2023 um 09:40 UTC](https://forum.shopware.com/t/navigationsleiste-umstrukturieren/99886 "2023-05-30T09:40:11Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Gok](https://avatars.discourse-cdn.com/v4/letter/g/8491ac/32.png) [@Gok](https://forum.shopware.com/u/Gok)
#### Post date: [30. Mai 2023 um 09:40 UTC](https://forum.shopware.com/t/navigationsleiste-umstrukturieren/99886/1 "2023-05-30T09:40:11Z")

</div>

Hey Community,  
ich würde gerne unsere Naviagationsleiste so anpassen, wie hier auf dem Bild, leider hab ich keine Ahnung, wie ich dies bewältigen soll/kann.

Evtl. weiß ja jemand, wie ich das Thema angehen könnte? 😃

Vielen Dank vorab !

 ![grafik](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/b/2/b2c7612f87ee1596003ea1bc76feedfa62d8d445.png)

---

<div class="post-metadata">

### Author: ![tom\_prok](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@tom\_prok](https://forum.shopware.com/u/tom_prok)
#### Post date: [30. Mai 2023 um 10:51 UTC](https://forum.shopware.com/t/navigationsleiste-umstrukturieren/99886/2 "2023-05-30T10:51:22Z")

</div>

Hallo,  
am besten schaust du dir mal die Doku zum Thema „Änderungen am Template vornehmen“ an, da wird das Grundprinzip erklärt, wie du Template-Dateien aus dem Base-Theme ableiten kannst:

> **[Shopware 5 - Tutorials & FAQs - Änderungen am Template vornehmen](https://docs.shopware.com/de/shopware-5-de/tutorials-und-faq/aenderungen-am-template-vornehmen)**
>
> Ziel dieses Tutorials soll es sein, anhand von kleinen Beispielen die Anpassung des Templates zu beschreiben und das Vorgehen aufzuzeigen. In den ersten Beispielen werden die Schritte der Durchführung sehr genau beschrieben, in den weiteren...

Nur mal so grundsätzlich: Shopware 5 erhält nur noch Security Updates bis Ende Juli 2024, am besten beschäftigst du dich schonmal die Migration zu Shopware 6

Viele Grüße  
Tom

---

<div class="post-metadata">

### Author: ![Gok](https://avatars.discourse-cdn.com/v4/letter/g/8491ac/32.png) [@Gok](https://forum.shopware.com/u/Gok)
#### Post date: [30. Mai 2023 um 11:05 UTC](https://forum.shopware.com/t/navigationsleiste-umstrukturieren/99886/3 "2023-05-30T11:05:18Z")

</div>

Danke dir, aber ein wenig less/smarty kann ich wohl, jedoch weiß ich nicht wie ich die Änderung angehen soll 😃

---

<div class="post-metadata">

### Author: ![tom\_prok](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@tom\_prok](https://forum.shopware.com/u/tom_prok)
#### Post date: [30. Mai 2023 um 11:13 UTC](https://forum.shopware.com/t/navigationsleiste-umstrukturieren/99886/4 "2023-05-30T11:13:52Z")

</div>

Sehr gut 👍

Dann guck dir am besten erstmal die Navigationsleiste im Base Theme. So wie in dem Bild wirst du es wahrscheinlich am besten mit ein bisschen Javascript umsetzten können, wenn sich die Menüpunkte „Neuheiten, Kleidung, Schuhe usw.“ ändern sollen je nachdem ob oben Herren, Damen oder Kinder ausgewählt ist.

---

<div class="post-metadata">

### Author: ![Gok](https://avatars.discourse-cdn.com/v4/letter/g/8491ac/32.png) [@Gok](https://forum.shopware.com/u/Gok)
#### Post date: [30. Mai 2023 um 12:02 UTC](https://forum.shopware.com/t/navigationsleiste-umstrukturieren/99886/5 "2023-05-30T12:02:37Z")

</div>

Nein, Ändern braucht sich das nicht, würde gerne nur 3 Menüpunkte vorher haben und die restlichen danach, hatte auch schon überlegt, ob man zwei

 Elemente einfplegt sprich  
\<—ul1----\>

- xxxx
- yyyyy
- \<----ul2-----\>

- AAA
- BBBli\>

---

<div class="post-metadata">

### Author: ![MrAle](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@MrAle](https://forum.shopware.com/u/MrAle)
#### Post date: [30. Mai 2023 um 14:20 UTC](https://forum.shopware.com/t/navigationsleiste-umstrukturieren/99886/6 "2023-05-30T14:20:23Z")

</div>

Wie immer gibt es hier 1000 Wege das ganze anzugehen.  
Natürlich wird als erste die Smarty Struktur angepasst und dann machst du den Rest mit Less.  
 ![output](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/a/3/a384fa408e80dae32fcb4ec8f78121ba1f3c7963.gif)  
Das ist jetzt mal so auf die schnelle in einem Demoshop zusammen geklöppelt.

Kannst dir eigentlich so ziemlich alles aus dem Responsive Template herholen für das was du vorhast.  
frontend/index/main-navigation hilft dir dabei.  
Natürlich sauber ableiten 😉

Grüße
