# Kategorien am Tablet als Offcanvas-Menu - Wie?

**URL:** https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716
**Category:** Allgemein
**Created:** [21. August 2018 um 09:15 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716 "2018-08-21T09:15:20Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [21. August 2018 um 09:15 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/1 "2018-08-21T09:15:20Z")

</div>

Hallo,

ich möchte auf dem Tablet die Kategorien in einem OffcanvasMenü analog zum Smartphone-Verhalten darstellen. Wenn ich das jQuery-Plugin für das Menü überschreibe, bekomme ich jedoch die komplette Sidebar und nichts funktioniert mehr wirklich…

ich möchte nur die Kategorien im Header abschalten (weil zu viele und zu lang für Tablet) und Offcanvas mit Burgermenü haben… das muss doch im Standard irgendwie simpel möglich sein? Für mich ist das ein Feature, dass so gut wie jeder braucht der mehr als 3-4 Kategorien hat…

leider hab ich auch keine Plugins dafür gefunden, außer verschlüsselte…

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [21. August 2018 um 10:41 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/2 "2018-08-21T10:41:32Z")

</div>

Vielleicht über die&nbsp;structure.less den @tabletViewportWidth Wert umstellen? Nur so eine Idee.

---

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [21. August 2018 um 11:00 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/3 "2018-08-21T11:00:06Z")

</div>

wenn ich&nbsp;@tabletViewportWidth umstelle, dann geht ja alles andere in die Brüche… ich denke, das hat etwas mit dem Javascript zu tun…

---

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [23. August 2018 um 09:42 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/4 "2018-08-23T09:42:08Z")

</div>

push

hierfür muss es doch eine Lösung von Shopware geben!!

---

<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: [23. August 2018 um 18:40 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/5 "2018-08-23T18:40:32Z")

</div>

Nö. Das ist komplizierter. Hatte auch mal mit dem Gedanken gespielt. Aber nach der Information eines shopware Programmierers ist das sehr aufwändig und mit möglichem Ärger durch diverse Probleme verbunden.

---

<div class="post-metadata">

### Author: ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)
#### Post date: [23. August 2018 um 18:52 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/6 "2018-08-23T18:52:33Z")

</div>

Hallo,

wenn du die Funktion brauchst, wieso nimmst du dann nicht die verschlüsselten Plugins, die die Funktion realisieren (wie von dir oben erwähnt)?

Da Shopware nicht vorgesehen hat, dass die OffCanvas - Sidebar in diesen Auflösungen funktioniert, muss das im Standard auch nicht möglich sein und Shopware auch keine Lösung anbieten.

Es ist auf jeden Fall aufwendig, da ja nicht nur die Kategorien in der OffCanvas - Sidebar angezeigt werden, sondern auch die Filter und das Kunden - Menü (Account). Man muss also nicht nur CSS anpassen, sondern auch einige viele jQuery - Plugins, damit diese dann auch wieder korrekt funktionieren. Dazu kommt, das man sich eventuell sogar neue Funktionen bauen muss, wenn man beispielsweise die Filter nicht in der Sidebar haben möchte sondern an ihrer eigentlichen Position oder das Kunden - Menü (Account).

Grüße

Sebastian

---

<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: [23. August 2018 um 18:55 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/7 "2018-08-23T18:55:03Z")

</div>

Ich hätte das Plugin hier gefunden. Wird aber anscheinend nicht mehr gepflegt.

[https://store.shopware.com/pixel78841687385/offcanvasmenu-fuer-tablet.html](https://store.shopware.com/pixel78841687385/offcanvasmenu-fuer-tablet.html)

---

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [24. August 2018 um 06:37 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/8 "2018-08-24T06:37:28Z")

</div>

@sschreier‍ zum einen gibt es bei unserem Hosting keinen IonCube, das heißt verschlüsselt klappt schon mal nicht. Außerdem sollen doch ab 5.5 alle Plugins unverschlüsselt sein… naja mal abwarten, vielleicht gibt es dann =)

Ich probiere schon seit vielen Tage damit rum… mit vielen CSS Tricksereien hab ich es großteils eigentlich geschafft… Leider nicht sehr zufriedenstellend und gut… sonst könnt ich mit so einem Plugin wohl reich werden 😃

@malzfons‍ dass es aufwändig und kompliziert ist, hab ich mittlerweile gemerkt…

&nbsp;

aber wie machen das denn andere, wenn die Kategorien einfach zu viele sind oder zu lange Namen haben, dass sie auf ein Tablet passen?

---

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [27. August 2018 um 14:46 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/9 "2018-08-27T14:46:54Z")

</div>

push

---

<div class="post-metadata">

### Author: ![hhmarco73](https://avatars.discourse-cdn.com/v4/letter/h/ed8c4c/32.png) [@hhmarco73](https://forum.shopware.com/u/hhmarco73)
#### Post date: [28. August 2018 um 09:37 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/10 "2018-08-28T09:37:16Z")

</div>

> [@FloC3 schrieb:](https://forum.shopware.com/profile/27446/FloC3 "FloC3")
> 
> Außerdem sollen doch ab 5.5 alle Plugins unverschlüsselt sein… naja mal abwarten, vielleicht gibt es dann ![=)](https://dub1.discourse-cdn.com/flex013/resources/emoji/smiley.png "=)")

Aber ja nur die Plugins, die auch im **Shopware Store&nbsp;** für **5.5&nbsp;** angeboten werden. Plugin Entwickler können sich also dazu entscheiden:

1. Plugins nicht für 5.5 zu veröffentlichen
2. oder sie nicht über den Shopware Store anbieten sondern über ihre eigene Website und/oder über andere Plattformen

---

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [28. August 2018 um 09:47 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/11 "2018-08-28T09:47:25Z")

</div>

@hhmarco73‍ ok ja… aber das ist leider keine Lösung für mein Problem…

---

<div class="post-metadata">

### Author: ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)
#### Post date: [4. September 2018 um 07:46 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/12 "2018-09-04T07:46:02Z")

</div>

Es gibt hier auch nen Job-Bereich und Shopware pflegt wohl auch einen Partnerbereich.

---

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [5. September 2018 um 14:36 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/13 "2018-09-05T14:36:11Z")

</div>

Bitte voten&nbsp;[Shopware Issuetracker](https://issues.shopware.com/issues/SW-22490)&nbsp;

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [5. September 2018 um 15:33 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/14 "2018-09-05T15:33:18Z")

</div>

> [@FloC3 schrieb:](https://forum.shopware.com/profile/27446/FloC3 "FloC3")
> 
> …aber wie machen das denn andere, wenn die Kategorien einfach zu viele sind oder zu lange Namen haben, dass sie auf ein Tablet passen?

Schon mal mit soft hyphen probiert?

Beispiel:

Meinultralangeswort wird zu:

```
Mein­ultra­langes­wort

```

Sollte eigentlich dann zumindest mal umbrechen und Dir nicht das Layout zerballern…

---

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [6. September 2018 um 08:22 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/15 "2018-09-06T08:22:21Z")

</div>

@Murmeltier‍

tut mir leid aber was soll mir das bringen??? Ich will nicht dass sie umbrechen. Ich will eine einzige Zeile Kategorien im Header haben. Aber es sind einfach zu viele dafür. Shopware generiert dann zwar einen Scroller in dieser Leiste, aber das is hässlich und schlecht bedienbar.

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [6. September 2018 um 14:34 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/16 "2018-09-06T14:34:24Z")

</div>

Ja dann eben:&nbsp;[Always OffcanvasMenu / Mobile Navigation für die Tablet- bis Desktop Ansicht | Menü + Kategorien | Produktdarstellung | Storefront / Detailanpassungen | Erweiterungen | Shopware Community Store](https://store.shopware.com/shops32618087524/always-offcanvasmenu/mobile-navigation-fuer-die-tablet-bis-desktop-ansicht.html)

---

<div class="post-metadata">

### Author: ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)
#### Post date: [6. September 2018 um 14:41 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/17 "2018-09-06T14:41:20Z")

</div>

Dieses Plugin können wir nicht nutzen @Murmeltier‍, weil es verschlüsselt ist

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [6. September 2018 um 15:11 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/18 "2018-09-06T15:11:42Z")

</div>

Dann versuch einfach mal die Breakpoints zu bearbeiten! Vielleicht hilft das ja weiter:&nbsp;&nbsp;[https://forum.shopware.com/discussion/43736/breakpoints-und-burger-navi](https://forum.shopware.com/discussion/43736/breakpoints-und-burger-navi)

---

<div class="post-metadata">

### Author: ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)
#### Post date: [6. September 2018 um 15:13 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/19 "2018-09-06T15:13:22Z")

</div>

Könnte dafür auch hilfreich sein:&nbsp;[Getting started with LESS](https://developers.shopware.com/designers-guide/less/)

---

<div class="post-metadata">

### Author: ![hhmarco73](https://avatars.discourse-cdn.com/v4/letter/h/ed8c4c/32.png) [@hhmarco73](https://forum.shopware.com/u/hhmarco73)
#### Post date: [7. September 2018 um 11:24 UTC](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716/20 "2018-09-07T11:24:45Z")

</div>

> [@FloC3 schrieb:](https://forum.shopware.com/profile/27446/FloC3 "FloC3")
> 
> Dieses Plugin können wir nicht nutzen @Murmeltier‍, weil es verschlüsselt ist

Schon mal versucht den Plugin Hersteller zu kontaktieren? Ggf. kommt das Plugin ja für 5.5 unverschlüsselt in den Store oder er gibt dir das Plugin unverschlüsselt.&nbsp;Wir haben schon das eine oder andere Plugin unverschlüsselt erhalten. Es direkt vom Hersteller zu beziehen bedeuetet allerdings, dass ein Update des Plugins nicht mehr so einfach ist, das sollte man bedenken.&nbsp;

[Nächste Seite](https://forum.shopware.com/t/kategorien-am-tablet-als-offcanvas-menu-wie/54716.md?page=2)
