# Menü Scroller deaktivieren

**URL:** <https://forum.shopware.com/t/menu-scroller-deaktivieren/41876>\
**Category:** Themes & Design\
**Created:** [1. Dezember 2016 um 10:52 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876 "2016-12-01T10:52:31Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![v0rti881](https://avatars.discourse-cdn.com/v4/letter/v/2bfe46/32.png) [@v0rti881](https://forum.shopware.com/u/v0rti881)\
**Post date:** [1. Dezember 2016 um 10:52 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/1 "2016-12-01T10:52:31Z")

</div>

Moin moin,

kann mir jemand sagen wie ich den horizontalen Menü scroller deaktivieren kann?

Bisher habe ich nur die &nbsp;Pfeile links und rechts ausgeblendet. Ich würde das aber gern richtig machen.

Würde mich über Feedback freuen.

&nbsp;

Liebe Grüße

v0rti

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [1. Dezember 2016 um 11:29 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/2 "2016-12-01T11:29:42Z")

</div>

Was machst Du mit den Kategorien die über die Navileiste hinauslaufen?

---

<div class="post-metadata">

**Author:** ![v0rti881](https://avatars.discourse-cdn.com/v4/letter/v/2bfe46/32.png) [@v0rti881](https://forum.shopware.com/u/v0rti881)\
**Post date:** [2. Dezember 2016 um 09:03 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/3 "2016-12-02T09:03:41Z")

</div>

Moin NextMike,

Keine Sorge daran wird gedacht die Kategorien bzw. die Navigation switched in off-canvas bevor eine Kategorie verloren geht.

Weißt du denn wie man den Menüscroller deaktiviert?

LG

Jan

&nbsp;

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [2. Dezember 2016 um 09:14 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/4 "2016-12-02T09:14:25Z")

</div>

Hi Jan,

und du hast dennoch das Problem, dass der Scroller erscheint?

Viele Grüße

---

<div class="post-metadata">

**Author:** ![v0rti881](https://avatars.discourse-cdn.com/v4/letter/v/2bfe46/32.png) [@v0rti881](https://forum.shopware.com/u/v0rti881)\
**Post date:** [5. Dezember 2016 um 10:04 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/5 "2016-12-05T10:04:48Z")

</div>

Moin NextMike,

richtig.

Ich möchte verhinder das es überhaupt dazu kommt das die klassen vom js–menu-scroller ins html geschrieben werden.

&nbsp;

LG

Jan

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [5. Dezember 2016 um 13:11 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/6 "2016-12-05T13:11:51Z")

</div>

Was @NextMike‍ meinte ist, dass wenn man das wie von Shopware empfohlen umsetzt, es dann diese Probleme nicht gibt.

Anscheinend ist schon dein Ansatz falsch.

Schau mal lieber noch einmal genau hin wie das Menü dort für die einzelnen Viewports integriert wird und les dich in die entsprechenden Developer-Dokumentation noch mal rein.

---

<div class="post-metadata">

**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\
**Post date:** [5. Dezember 2016 um 14:11 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/7 "2016-12-05T14:11:27Z")

</div>

Hey zusammen,

das Plugin kann einfach deaktiviert werden:

```
$(function() {
    window.StateManager.removePlugin('*[data-menu-scroller="true"]', 'swMenuScroller');
});

```

Siehe hierzu: [jQuery plugins and the StateManager](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#using-the-state-manager)

Wie @steinsoftware‍ schon erwähnt hat handelt es sich dabei um eine Fallback-Lösung.

Viele Grüße,  
Stephan Pohl&nbsp; ![Shopware](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/shopware.png "Shopware")

---

<div class="post-metadata">

**Author:** ![v0rti881](https://avatars.discourse-cdn.com/v4/letter/v/2bfe46/32.png) [@v0rti881](https://forum.shopware.com/u/v0rti881)\
**Post date:** [9. Dezember 2016 um 14:17 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/8 "2016-12-09T14:17:14Z")

</div>

Hallo Stephan,

&nbsp;

vielen Dank! Genau das was ich gesucht habe.

Manchmal muss man Dinge anders umsetzen als empfohlen.

Ab 1024px hatte ich die Navi so angepasst, das sie direkt in offcanvas wechselt. Problem war nur das man auf dem ipad pro die Navigation hin und her schieben konnte &nbsp;und ich wollte den js–menu-scroller nicht im code haben.

Danke auch für die anderen Hinweise! 🙂

&nbsp;

LG

Jan

---

<div class="post-metadata">

**Author:** ![cory](https://avatars.discourse-cdn.com/v4/letter/c/898d66/32.png) [@cory](https://forum.shopware.com/u/cory)\
**Post date:** [26. Januar 2017 um 01:31 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/9 "2017-01-26T01:31:29Z")

</div>

> [@Stephan Pohl schrieb:](https://forum.shopware.com/profile/2/Stephan%20Pohl "Stephan%20Pohl")
> 
> Hey zusammen,
> 
> das Plugin kann einfach deaktiviert werden:
> 
> $(function() {  
> window.StateManager.removePlugin(‚\*[data-menu-scroller=„true“]‘, ‚swMenuScroller‘);  
> });
> 
> Siehe hierzu: [https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#using-the-state-manager](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#using-the-state-manager)
> 
> Wie @steinsoftware‍ schon erwähnt hat handelt es sich dabei um eine Fallback-Lösung.
> 
> Viele Grüße,  
> Stephan Pohl&nbsp; ![Shopware](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/shopware.png "Shopware")

Hallo,

ich verstehe leider noch nicht so viel von JQuery. Habe mir die Doku etwas durchgelesen. Wo genau muss ich den Befehl anhängen? Ist das ähnlich wie bei den Smarty Blöcken? Mit eine Form _extends_ arbeiten nötig, damit nicht alles überschrieben wird?

Danke.

&nbsp;

---

<div class="post-metadata">

**Author:** ![v0rti881](https://avatars.discourse-cdn.com/v4/letter/v/2bfe46/32.png) [@v0rti881](https://forum.shopware.com/u/v0rti881)\
**Post date:** [31. Januar 2017 um 17:07 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/10 "2017-01-31T17:07:51Z")

</div>

> [@cory schrieb:](https://forum.shopware.com/profile/25348/cory "cory")
> 
> > [@Stephan Pohl schrieb:](https://forum.shopware.com/profile/2/Stephan%20Pohl "Stephan%20Pohl")
> > 
> > Hey zusammen,
> > 
> > das Plugin kann einfach deaktiviert werden:
> > 
> > $(function() {  
> > window.StateManager.removePlugin(‚\*[data-menu-scroller=„true“]‘, ‚swMenuScroller‘);  
> > });
> > 
> > Siehe hierzu: [https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/#using-the-state-manager](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/?_ga=1.221695576.1542302305.1485427485#using-the-state-manager)
> > 
> > Wie @steinsoftware‍ schon erwähnt hat handelt es sich dabei um eine Fallback-Lösung.
> > 
> > Viele Grüße,  
> > Stephan Pohl&nbsp; ![Shopware](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/shopware.png "Shopware")
> 
> Hallo,
> 
> ich verstehe leider noch nicht so viel von JQuery. Habe mir die Doku etwas durchgelesen. Wo genau muss ich den Befehl anhängen? Ist das ähnlich wie bei den Smarty Blöcken? Mit eine Form _extends_ arbeiten nötig, damit nicht alles überschrieben wird?
> 
> Danke.

&nbsp;Moin, schau mal hier:

> **[Using CSS and JavaScript in themes](https://developers.shopware.com/designers-guide/css-and-js-files-usage/)**
>
> Using CSS and JavaScript in themes

Leg dir nach der Anleitung dort eine zusätzliche JavaScript Datei an (natürlich in deinem eigenen Theme) und füge dort das Snippet von Stephan Pohl ein.

Dann einmal kompilieren.

&nbsp;

LG v0rti

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![philbgray](https://avatars.discourse-cdn.com/v4/letter/p/6a8cbe/32.png) [@philbgray](https://forum.shopware.com/u/philbgray)\
**Post date:** [9. Mai 2019 um 10:20 UTC](https://forum.shopware.com/t/menu-scroller-deaktivieren/41876/11 "2019-05-09T10:20:54Z")

</div>

Ich habe alles so gemacht wie es hier steht, aber der Scroller wird immer noch angezeigt. Ich habe den Code von&nbsp;Stephan Pohl in eine “jquery.remove-menu-scroller.js” in src/js gepackt und diese in the Theme.php mit&nbsp;

```
 'src/js/jquery.remove-menu-scroller.js' 

```

im $javascript Array registriert.&nbsp;

Was habe ich übersehen?
