# Zweizeiliges Menü

**URL:** https://forum.shopware.com/t/zweizeiliges-menu/50597
**Category:** Themes & Design
**Created:** [22. Januar 2018 um 19:04 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597 "2018-01-22T19:04:16Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [22. Januar 2018 um 19:04 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/1 "2018-01-22T19:04:16Z")

</div>

Hallo!

Habt Ihr einen Tip für ein Zweizeiliges Menü wie in diesem Shop?

[https://www.manufactum.de](https://www.manufactum.de)

&nbsp;

Gibt es ggf. ein Plugin dafür?

&nbsp;

Gruß Rene

---

<div class="post-metadata">

### Author: ![malzfons](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@malzfons](https://forum.shopware.com/u/malzfons)
#### Post date: [22. Januar 2018 um 19:47 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/2 "2018-01-22T19:47:07Z")

</div>

Wo ist das zweizeilig? Bei mir geht einfach das off canvas Menü von links nach rechts auf.

---

<div class="post-metadata">

### Author: ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [22. Januar 2018 um 19:56 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/3 "2018-01-22T19:56:02Z")

</div>

Kann leider keinen Screenshot hochladen, aber in Zeile eins steht dort Neuheiten, Herren, Damen usw.

Zweite Zeile: Lebensmittel, Gutes aus Klöstern usw.

---

<div class="post-metadata">

### Author: ![malzfons](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@malzfons](https://forum.shopware.com/u/malzfons)
#### Post date: [22. Januar 2018 um 20:00 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/4 "2018-01-22T20:00:07Z")

</div>

Am Smartphone Porträt?

---

<div class="post-metadata">

### Author: ![Sarah\_Tier](https://avatars.discourse-cdn.com/v4/letter/s/bc79bd/32.png) [@Sarah\_Tier](https://forum.shopware.com/u/Sarah_Tier)
#### Post date: [22. Januar 2018 um 20:29 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/5 "2018-01-22T20:29:51Z")

</div>

@malzfons‍ @koh[hli24](http://forum.shopware.com/profile/3961/kohli24 "kohli24")‍ meint dies hier:

&nbsp;

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/0e1abe57daff648753e960554f9edcf93499bfc7.png)

---

<div class="post-metadata">

### Author: ![karlharris](https://avatars.discourse-cdn.com/v4/letter/k/58956e/32.png) [@karlharris](https://forum.shopware.com/u/karlharris)
#### Post date: [22. Januar 2018 um 21:00 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/6 "2018-01-22T21:00:52Z")

</div>

Ein wenig JS und CSS machens möglich!

Per JS das Menü Scrolling deaktivieren (es gibt garantiert schönere Wege, aber auf die Schnelle…^^)

```
;(function ($)
{
	$.overridePlugin('swMenuScroller',
	{
		init: function(){}
	});

}(jQuery));

```

Per CSS die Darstellung anpassen:

```
.navigation--list-wrapper
{
    overflow: visible;
}

@media screen and (min-width: 48em)
{
	.navigation-main .navigation--list
	{
	    white-space: normal;
	}
	ul.navigation--list.container
        {
	    text-align: center;
	}
}

```

Und voilà:

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/2/2f9625872521deeda80c7183bf34f3e52a7f31fb.jpeg)

---

<div class="post-metadata">

### Author: ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [23. Januar 2018 um 17:49 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/7 "2018-01-23T17:49:19Z")

</div>

Das sieht vielversprechend aus. Welche Dateien müsste ich da anpassen?

---

<div class="post-metadata">

### Author: ![karlharris](https://avatars.discourse-cdn.com/v4/letter/k/58956e/32.png) [@karlharris](https://forum.shopware.com/u/karlharris)
#### Post date: [23. Januar 2018 um 18:16 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/8 "2018-01-23T18:16:39Z")

</div>

Hi kohli24,

z.B. im eigenen Theme, in der theme.php, das hinzufügen:

```
protected $javascript = [
	"src/js/test.js"
];

protected $css = [
	'src/css/test.css'
];

```

Dann beide Dateien anlegen, Snippets rein, neu kompilieren und fertig.

Vielleicht andere Namen für die Dateien 🙂

---

<div class="post-metadata">

### Author: ![Vitago\_GmbH](https://avatars.discourse-cdn.com/v4/letter/v/67e7ee/32.png) [@Vitago\_GmbH](https://forum.shopware.com/u/Vitago_GmbH)
#### Post date: [23. Januar 2018 um 18:56 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/9 "2018-01-23T18:56:23Z")

</div>

Finde es häßlich.

---

<div class="post-metadata">

### Author: ![karlharris](https://avatars.discourse-cdn.com/v4/letter/k/58956e/32.png) [@karlharris](https://forum.shopware.com/u/karlharris)
#### Post date: [23. Januar 2018 um 19:11 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/10 "2018-01-23T19:11:48Z")

</div>

Nee, schön find ichs au net^^ wirkt bissl überladen…

---

<div class="post-metadata">

### Author: ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [23. Januar 2018 um 20:09 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/11 "2018-01-23T20:09:56Z")

</div>

Schön finde ich es auch net, aber mein Freund möchte es für seinen Shop so. Geschmäcker sind verschieden. 🙂

---

<div class="post-metadata">

### Author: ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [23. Januar 2018 um 20:10 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/12 "2018-01-23T20:10:16Z")

</div>

Schon mal danke an Euch alle, werde es dann die Tage testen.

---

<div class="post-metadata">

### Author: ![karlharris](https://avatars.discourse-cdn.com/v4/letter/k/58956e/32.png) [@karlharris](https://forum.shopware.com/u/karlharris)
#### Post date: [23. Januar 2018 um 21:36 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/13 "2018-01-23T21:36:02Z")

</div>

Hier ein Mini-Plugin für die Aufgabe :)&nbsp;[https://…noMenuScrolling](https://github.com/karlharris/shopware_noMenuScrolling)

---

<div class="post-metadata">

### Author: ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [24. Januar 2018 um 21:09 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/14 "2018-01-24T21:09:13Z")

</div>

Wow… wat soll ich sagen… funktioniert einwandtfrei… mega vielen Dank.

---

<div class="post-metadata">

### Author: ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [28. Januar 2018 um 15:36 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/15 "2018-01-28T15:36:31Z")

</div>

@ [karlharris](https://forum.shopware.com/profile/28126/karlharris)

Leider kann man von der ersten Zeile nicht ins dropdown-menü wandern. Es verschwindet sofort. Von der zweiten Zeile aus gibt es keine Probleme. Hast Du eine Idee?

---

<div class="post-metadata">

### Author: ![karlharris](https://avatars.discourse-cdn.com/v4/letter/k/58956e/32.png) [@karlharris](https://forum.shopware.com/u/karlharris)
#### Post date: [29. Januar 2018 um 18:03 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/16 "2018-01-29T18:03:33Z")

</div>

@kohli24‍ stimmt, das hatte ich nicht bedacht 🙂 Hast du das normale erweiterte Menü im Einsatz?

---

<div class="post-metadata">

### Author: ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [4. Februar 2018 um 08:38 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/17 "2018-02-04T08:38:40Z")

</div>

Moin, ja, das normale.

---

<div class="post-metadata">

### Author: ![jannikdr](https://avatars.discourse-cdn.com/v4/letter/j/e0b2c6/32.png) [@jannikdr](https://forum.shopware.com/u/jannikdr)
#### Post date: [13. März 2020 um 10:49 UTC](https://forum.shopware.com/t/zweizeiliges-menu/50597/18 "2020-03-13T10:49:07Z")

</div>

Ich habe so einen tollen Möbelplaner gefunden&nbsp;[https://www.tischlermeister-nordbeck.de/de/moebelplaner/](https://www.tischlermeister-nordbeck.de/de/moebelplaner/)&nbsp;es macht riesen Spaß damit seine Vorstellungen zu verwirklichen. Es gibt so viele tolle Möglichkeiten.
