# Linke Navigation bei Produktlisting unter vollflächiger Einkaufswelt

**URL:** <https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744>\
**Category:** Themes & Design\
**Created:** [4. Mai 2018 um 19:18 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744 "2018-05-04T19:18:39Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dirndltopia](https://avatars.discourse-cdn.com/v4/letter/d/65b543/32.png) [@Dirndltopia](https://forum.shopware.com/u/Dirndltopia)\
**Post date:** [4. Mai 2018 um 19:18 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/1 "2018-05-04T19:18:39Z")

</div>

Hallo Community,

ich suche dringend nach einer Lösung für mein Problem. Wir arbeiten zwingend mit der Navigation auf der linken Seite bei den Kategorielistings, unsere Kunden benötigen diese Form der Navigation dringend.

Leider sehen die Kategorieseiten etwas „trocken“ aus und wenn man eine Einkaufswelt oder Banner einbaut, wird das Bild leider nur neben der linken Navi eingebaut. Ziel ist es aber den Banner komplett über die Seite gehen zu lassen. Sobald man aber die Einkaufswelt vollflächig macht, wird das linke Menü ausgeblendet.

Ist Euch hierzu ein Modul bekannt, dass dieses Problem löst oder habe ich einfach nur eine Einstellung übersehen?

Kleine Templateanpassungen bekomme ich mit ein/zwei Tipps auch selbst hin. Sollte jemand das Thema schon gelöst haben oder dafür ein Modul programmieren, wäre ich um eine PN sehr dankbar.

Vielen Dank

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [4. Mai 2018 um 20:10 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/2 "2018-05-04T20:10:25Z")

</div>

Richtig, die Navigation links ist im Listing/Home immer da, sie wird nur ausgeblendet&nbsp;

```
.sidebar-main.off-canvas{
display:none
}

```

Was du brauchst, ist dass die Navi dargestellt wird und eine gewisse breite hat. Dann muss die Vollflächige EKW um diese Breite nach rechts geschoben werden.

```
/*Navigation anzeigen und von 100% Bildschirmbreit ihr 14% geben*/
.sidebar-main.off-canvas{
    display: block;
    width: 14%;
}

/*Dem Inhalt, also der EKW oder Listing um 14% von links wegnehmen/weg"marginen" :-P */
.sidebar-main + .content--wrapper{
    margin-left: 14%;
    padding-top: 0px;
}

```

Hier und da noch ein paar Feinheiten, aber im groben ist es das.

---

<div class="post-metadata">

**Author:** ![Dirndltopia](https://avatars.discourse-cdn.com/v4/letter/d/65b543/32.png) [@Dirndltopia](https://forum.shopware.com/u/Dirndltopia)\
**Post date:** [4. Mai 2018 um 20:15 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/3 "2018-05-04T20:15:30Z")

</div>

Hallo brettvormkopp,

vielleicht habe ich mich ein wenig falsch ausgedrückt. Aber ich möchte ja, dass die EKW genau nicht nach rechts geschoben wird.

Die Seite soll quasi so aussehen

* * *

| &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;EKW &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; |

* * *

| &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;| &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;|

| &nbsp;Left &nbsp;| &nbsp; &nbsp; &nbsp; &nbsp;Kategorielisting &nbsp; &nbsp; &nbsp; |

| &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;| &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; |

* * *

&nbsp;

Würde mich freuen, wenn Du oder ein anderer Shopwarianer eine Idee hätte.

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [4. Mai 2018 um 20:24 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/4 "2018-05-04T20:24:33Z")

</div>

Es gibt nur einen @Shopwareianer‍&nbsp; ![Kiss](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/kiss.png "Kiss")&nbsp;  
@Dirndltopia‍ dazu gibt es verschiedene möglichkeiten. Ganz schmutzig wäre mit javascript den Knoten zu verschieben, besser allerdings im Template anzupassen. Die zu ändernden/verschiebenden&nbsp;Elemente&nbsp;findest du in frontend/listing/index.tpl und frontend/listing/listing.tpl

---

<div class="post-metadata">

**Author:** ![Dirndltopia](https://avatars.discourse-cdn.com/v4/letter/d/65b543/32.png) [@Dirndltopia](https://forum.shopware.com/u/Dirndltopia)\
**Post date:** [4. Mai 2018 um 20:27 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/5 "2018-05-04T20:27:55Z")

</div>

danke Dir für Deine Ideen.

Wenn man die EKW auf vollflächig stellt, wird das linke Menü ausgeblendet. Hast du evtl. auch hier eine Idee, wie ich das verhindere?

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [4. Mai 2018 um 20:30 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/6 "2018-05-04T20:30:54Z")

</div>

Die Lösung für die Einblendung steht weiter oben. Display: block . Und die andere Lösung ist einfach nur die Verschiebung der EKW einen ggf zwei Knoten höher als wo sie jetzt ist. Im Standarf klemmt die EKW sozusagen zwischen Navigation und Listing. Da muss sie raus wenn man die Lösung haben will wie du es brauchst.

---

<div class="post-metadata">

**Author:** ![Dirndltopia](https://avatars.discourse-cdn.com/v4/letter/d/65b543/32.png) [@Dirndltopia](https://forum.shopware.com/u/Dirndltopia)\
**Post date:** [4. Mai 2018 um 20:43 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/7 "2018-05-04T20:43:31Z")

</div>

Hi brettvormkopp, würde mich gerne fix direkt mit Dir unterhalten, ich glabue dann ist das Problem schnell erledigt.

Was meinst Du mit “Die Lösung für die Einblendung steht weiter oben. Display: block” - wo genau? Gerade fehlen mir noch ein zwei Brotkrumen zur Lösung.

&nbsp;

Danke Dir

---

<div class="post-metadata">

**Author:** ![FlyingColors](https://avatars.discourse-cdn.com/v4/letter/f/439d5e/32.png) [@FlyingColors](https://forum.shopware.com/u/FlyingColors)\
**Post date:** [26. November 2018 um 11:16 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/8 "2018-11-26T11:16:40Z")

</div>

> [@brettvormkopp schrieb:](https://forum.shopware.com/profile/6611/brettvormkopp "brettvormkopp")
> 
> Die Lösung für die Einblendung steht weiter oben. Display: block . Und die andere Lösung ist einfach nur die Verschiebung der EKW einen ggf zwei Knoten höher als wo sie jetzt ist. Im Standarf klemmt die EKW sozusagen zwischen Navigation und Listing. Da muss sie raus wenn man die Lösung haben will wie du es brauchst.

Hallo [brettvormkopp](https://forum.shopware.com/profile/6611/brettvormkopp),

könntest Du kurz beschreiben, wie man die EKW verschiebt, ich bekomme es einfach nicht hin.

Welche .tpl muss wie genau bearbeiten. Wäre super dankbar für einen Tip.&nbsp;  
(die genannten templates habe ich gefunden, alle versuche die EKW zu verschieben gehen aber nach hinten los)

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [26. November 2018 um 12:05 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/9 "2018-11-26T12:05:07Z")

</div>

Hi @FlyingColors‍ . Als jquery schnelllösung könntest du folgendes Script benutzen:

```
document.asyncReady(function(){$(".content--emotions").prependTo( $(".content-main--inner") )})

```

Ansonsten einfach mal durch die .tpl suchen wo das gesteuert wird, habe gerade selbst keine Zeit es zu suchen. Wie gesagt steckt die Einkaufswelt zwischen Linker Navigation und dem Produktlisting fest. Und da muss sie raus und als erstes Element von dem Knoten hier:

```
  ...

```

Viel Glück

---

<div class="post-metadata">

**Author:** ![FlyingColors](https://avatars.discourse-cdn.com/v4/letter/f/439d5e/32.png) [@FlyingColors](https://forum.shopware.com/u/FlyingColors)\
**Post date:** [26. November 2018 um 12:23 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/10 "2018-11-26T12:23:05Z")

</div>

Hi brettvormkopp,

danke für deine schnelle Antwort!

die einzige tpl wo ich _content-main–inner_ finde, ist index/index.tpl  
Da kommt nach \*sidebar left\* aber direkt \*main content\* und genau dort (main content) vermute ich auch die EKW ?!

&nbsp;

&nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {\* Sidebar left \*}  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {block name=‘frontend\_index\_content\_left’}  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {include file=‘frontend/index/sidebar.tpl’}  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/block}

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {\* Main content \*}  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {block name=‘frontend\_index\_content\_wrapper’}  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {block name=‘frontend\_index\_content’}{/block}  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/block}

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {\* Sidebar right \*}…  
&nbsp;

---

<div class="post-metadata">

**Author:** ![brettvormkopp](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/brettvormkopp/32/7788_2.png) [@brettvormkopp](https://forum.shopware.com/u/brettvormkopp)\
**Post date:** [26. November 2018 um 12:26 UTC](https://forum.shopware.com/t/linke-navigation-bei-produktlisting-unter-vollflachiger-einkaufswelt/52744/11 "2018-11-26T12:26:50Z")

</div>

Unter listing/listing.tpl findest du dann die Einkaufswelt, und die muss da raus und dann da oben rein.
