# Navigation Sidebar auf Ebene 2 begrenzen

**URL:** <https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724>\
**Category:** Themes & Design\
**Created:** [21. Oktober 2016 um 14:12 UTC](https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724 "2016-10-21T14:12:39Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![PXWaldy](https://avatars.discourse-cdn.com/v4/letter/p/aeb1de/32.png) [@PXWaldy](https://forum.shopware.com/u/PXWaldy)\
**Post date:** [21. Oktober 2016 um 14:12 UTC](https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724/1 "2016-10-21T14:12:39Z")

</div>

Hallo

Gibt es die möglichkeit, das ich mir nur die Ebene 2 in der Sidebar anzeigen lasse und alle tieferen Ebenen in der Sidebar ignoriert werden?

Ebene 1 wird in der Top-Navigation angezeigt  
Ebene 2 in der Sidebar

Ich habe schon in der Sidebar-categories.tpl geschaut, nur kann ich da keine einschrenkung in der Ebenentiefe machen. Entweder werden die subcategories aus oder eingebledet.

Würde mich über eure Hilfe freuen.

&nbsp;

Danke

---

<div class="post-metadata">

**Author:** ![simkli](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/simkli/32/13124_2.png) [@simkli](https://forum.shopware.com/u/simkli)\
**Post date:** [21. Oktober 2016 um 17:49 UTC](https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724/2 "2016-10-21T17:49:03Z")

</div>

Also wirklich&nbsp;nur Ebene 2? Tiefere Ebenen auch nicht? Oder doch eher Ebene \>= 2 ?

Wenn du es über&nbsp;eine einfache Templateanpassung lösen möchtest kannst du leider nur die Unterkategorien der aktuell aktiven Kategorie ausgeben lassen. Die anderen werden (wsl. aus Performanzgründen) nicht geladen.

Viele Grüße

---

<div class="post-metadata">

**Author:** ![PXWaldy](https://avatars.discourse-cdn.com/v4/letter/p/aeb1de/32.png) [@PXWaldy](https://forum.shopware.com/u/PXWaldy)\
**Post date:** [21. Oktober 2016 um 18:13 UTC](https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724/3 "2016-10-21T18:13:42Z")

</div>

Hi

Ja nur die Ebene 2.

Ebene 3 und 4 würde ich gerne über den Artikeln ausgeben lassen, aber erstmal eins nach dem anderen. 😉

---

<div class="post-metadata">

**Author:** ![simkli](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/simkli/32/13124_2.png) [@simkli](https://forum.shopware.com/u/simkli)\
**Post date:** [21. Oktober 2016 um 18:26 UTC](https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724/4 "2016-10-21T18:26:13Z")

</div>

Alles klar. Dann legst du eine neue&nbsp;sidebar-categories.tpl in deinem eigenen Template an, die von der Elterndatei erbt. Eine&nbsp;[Anleitung dazu gibt es&nbsp;hier.](https://developers.shopware.com/designers-guide/smarty/#template-inheritance)  
In deiner Datei überschreiben wir nun den Block „frontend\_index\_categories\_left\_entry“.&nbsp;[In der original Datei](https://github.com/shopware/shopware/blob/5.2/themes/Frontend/Bare/frontend/index/sites-navigation.tpl#L2)&nbsp;sehen wir, dass uns die Variable $level zur Verfügung steht.

Diese Block wird für jede Kateogrie aufgerufen:

```
{block name="frontend_index_categories_left_entry"}
  {if $level == 0 && $category.subcategories}
    {* Wenn wir uns in der obersten Ebene befinden und die Kategorie Kind-Kategorien besitzt ... *}

    {call name=categories categories=$category.subcategories level=$level+1}
    {* ... rufen wir die Funktion categories erneut auf und addieren 1 auf $level. *}
  
  {elseif $level == 1}
    {* Befinden wir uns genau in Ebene 2 (Ebene 1 wäre ja $level==0) ... *}

    {$smarty.block.parent}
    {* ... fügen wir die normale Auflistung der Kateogien ein. *}
  {/if}
  {* Ist $level > 1 passiert gar nichts*}
{/block}

```

Der Code ist nicht getestet sollte aber funktionieren&nbsp; ![Sticking-out-tongue](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/sticking-out-tongue.png "Sticking-out-tongue")

Viele Grüße

---

<div class="post-metadata">

**Author:** ![PXWaldy](https://avatars.discourse-cdn.com/v4/letter/p/aeb1de/32.png) [@PXWaldy](https://forum.shopware.com/u/PXWaldy)\
**Post date:** [21. Oktober 2016 um 18:42 UTC](https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724/5 "2016-10-21T18:42:41Z")

</div>

Vielen Dank!

---

<div class="post-metadata">

**Author:** ![PXWaldy](https://avatars.discourse-cdn.com/v4/letter/p/aeb1de/32.png) [@PXWaldy](https://forum.shopware.com/u/PXWaldy)\
**Post date:** [27. Dezember 2016 um 10:22 UTC](https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724/6 "2016-12-27T10:22:30Z")

</div>

Ich greife das Thema noch einmal kurz auf.

Der Code funktioniert soweit. Nur wird in der Mobilen Ansicht leider die oberste Kategorie komplett entfernt. So was überhaupt keine Navigation existiert.&nbsp;

Es wäre schön, wenn auch in der Mobilen Ansicht nur die erste ebene angezeigt wird.

&nbsp;

Danke

---

<div class="post-metadata">

**Author:** ![simkli](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/simkli/32/13124_2.png) [@simkli](https://forum.shopware.com/u/simkli)\
**Post date:** [7. Januar 2017 um 14:17 UTC](https://forum.shopware.com/t/navigation-sidebar-auf-ebene-2-begrenzen/40724/7 "2017-01-07T14:17:20Z")

</div>

Das wird gar nicht so einfach, da das selbe Menü für mobil und Desktop verwendet wird. Soll im mobil Menü alles im Standard bleiben würde ich von einer Anpassung der Template Dateien absehen und stattdessen alles per CSS (bzw. Less) umsetzen.

Die einzelnen Kategorien haben eine CSS Klasse „is–levelX“, wobei X für die jeweilige Ebene steht. (0 ist die Wurzel).  
Daher blendest du einfach **ab dem Tablet-Viewport 768px/48em&nbsp;** (ab diesem ist das Mobilmenü nicht mehr sichtbar), alle direkten Einträge aus. Z.B.

```
.sidebar-main .is--level0 > li > a{
    display: none;
}

```

Und danach noch alles unter Level1 auch noch mit display:none ausblenden.  
Ich hoffe der Ansatz hilft dir weiter&nbsp; ![Wink](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wink.png "Wink")

&nbsp;

Viele Grüße
