# jQuery-Plugin für einen Breakpoint entfernen

**URL:** <https://forum.shopware.com/t/jquery-plugin-fur-einen-breakpoint-entfernen/61672>\
**Category:** Programmierung\
**Created:** [10. September 2019 um 14:24 UTC](https://forum.shopware.com/t/jquery-plugin-fur-einen-breakpoint-entfernen/61672 "2019-09-10T14:24:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![msslovi0](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@msslovi0](https://forum.shopware.com/u/msslovi0)\
**Post date:** [10. September 2019 um 14:24 UTC](https://forum.shopware.com/t/jquery-plugin-fur-einen-breakpoint-entfernen/61672/1 "2019-09-10T14:24:10Z")

</div>

Hallo!

Ich will das Tab-Plugin für Produktbeschreibung und Bewertungen&nbsp;erst ab Breakpoint L aktiv haben. Laut&nbsp;[https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/](https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/)&nbsp;müsste das mit

```
StateManager.removePlugin('.tab-menu--product', 'swTabMenu',['s']);

```

funktionieren. Genau das tut es aber nicht. Mit obigem&nbsp;Code sind die Tabs egal bei welchem Breakpoint keine Tabs mehr (gleiches gilt, wenn man den Breakpoint nur als String übergibt).&nbsp;

Übersehe ich was oder ist da die Doku einfach falsch? Und wenn letzteres, wie komme ich trotzdem zum gewünschten Ergebnis (komplett entfernen und dann wieder hinzufügen ist aus Performancegründen keine Option!).

Gruß

Matt

---

<div class="post-metadata">

**Author:** ![Patrick\_Stahl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/patrick_stahl/32/7679_2.png) [@Patrick\_Stahl](https://forum.shopware.com/u/Patrick_Stahl)\
**Post date:** [13. September 2019 um 08:28 UTC](https://forum.shopware.com/t/jquery-plugin-fur-einen-breakpoint-entfernen/61672/2 "2019-09-13T08:28:44Z")

</div>

Moin @msslovi0‍,

erstmal ganz dumm gefragt:  
Wenn du das direkt im Core änderst, also dort einfach den Viewport ‘s’ statisch entfernst, funktioniert es dann überhaupt?  
Einfach nur, um hier einzugrenzen, ob das “Entfernen eines zugewiesenen Viewports via Plugin” das Problem ist, oder, ob das jQuery Plugin schlicht weg sowieso nur funktioniert wenn der Viewport drin bleibt.

Lieben Gruß  
Patrick&nbsp; ![Shopware](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/86c57fbace799dd4eb1f1b8a2d3bdc1733f0aea1.png "Shopware")

---

<div class="post-metadata">

**Author:** ![msslovi0](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@msslovi0](https://forum.shopware.com/u/msslovi0)\
**Post date:** [13. September 2019 um 08:56 UTC](https://forum.shopware.com/t/jquery-plugin-fur-einen-breakpoint-entfernen/61672/3 "2019-09-13T08:56:33Z")

</div>

Ja, das mach ich derzeit. So sieht meine jquery.shopware-responsive.js derzeit aus:

```
window.StateManager
    [...]
    .addPlugin('.tab-menu--product', 'swTabMenu', ['m', 'l', 'xl'])

```

Damit läuft das so wie ich es haben will.

[https://www.youtube.com/watch?v=nzWI2Z4T2ak](https://www.youtube.com/watch?v=nzWI2Z4T2ak)

Sobald ich in meinem eigene jquery.wib-core.js die Zeile

```
StateManager.removePlugin('.tab-menu--product', 'swTabMenu', 's');

```

einfüge sieht es ab dem m-Breakpoint aber so aus:

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

Das Plugin wird also komplett entfernt, nicht nur für den s-Breakpoint.

---

<div class="post-metadata">

**Author:** ![Patrick\_Stahl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/patrick_stahl/32/7679_2.png) [@Patrick\_Stahl](https://forum.shopware.com/u/Patrick_Stahl)\
**Post date:** [16. September 2019 um 08:57 UTC](https://forum.shopware.com/t/jquery-plugin-fur-einen-breakpoint-entfernen/61672/4 "2019-09-16T08:57:15Z")

</div>

Moin @msslovi0‍,

ich habe das jetzt mal in meinem System versucht.  
Der folgende Aufruf hat dabei problemlos für mich funktioniert:

```
StateManager.removePlugin('.tab-menu--product', 'swTabMenu', ['s']);

```

Das Plugin wurde in meinem System nur für den Viewport ‚s‘ entfernt.  
Das kannst du auch einfach in der Dev Console selbst testen, einfach jeweils eine Zeile so in die Dev Tools Console einfügen und ausführen.

```
StateManager._plugins['s']['.tab-menu--product']; // Should return undefined
StateManager._plugins['m']['.tab-menu--product']; // Should return object with plugin

```

Mir sind dennoch zwei Dinge dabei aufgefallen:

1. Du schreibst, dass du das Verhalten erst ab Viewport L haben möchtest, willst aber nur ‚s‘ rausnehmen. Dann bleibt aber auch noch ‚m‘ vorher. Das aber nur als kleine Randinfo.
2. Die kaputte Ansicht, die du beschreibst, habe ich auch dann, wenn ich den Viewport statisch aus dem Standard Core rausnehme. Der Grund dafür liegt in den Styles, die erst ab einem bestimmten Viewport greifen. Die müsstest du also auch anpassen.

Hilft dir das erstmal weiter?

Lieben Gruß,  
Patrick&nbsp; ![Shopware](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/shopware.png "Shopware")

---

<div class="post-metadata">

**Author:** ![msslovi0](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@msslovi0](https://forum.shopware.com/u/msslovi0)\
**Post date:** [17. September 2019 um 16:00 UTC](https://forum.shopware.com/t/jquery-plugin-fur-einen-breakpoint-entfernen/61672/5 "2019-09-17T16:00:54Z")

</div>

Danke dir, ich probier das mal aus sobald ich aus dem Urlaub zurück bin.

m und l würfel ich die ganze Zeit, sorry dafür, die Kollegen sind auch schon genervt.

Der Grund für die kaputten Styles ist klar. Bzw. eigentlich würde da ja die Styles für die Tabs greifen, aber das Plugin wird ja generell nicht geladen sobald ich es für s entfernt habe.

Gruß

Matt