# Footer Collapse JS Plugin Override - funktioniert nicht?

**URL:** <https://forum.shopware.com/t/footer-collapse-js-plugin-override-funktioniert-nicht/89186>\
**Category:** Programmierung\
**Tags:** programming, templates--design, themes--design\
**Created:** [16. Juli 2021 um 09:36 UTC](https://forum.shopware.com/t/footer-collapse-js-plugin-override-funktioniert-nicht/89186 "2021-07-16T09:36:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [16. Juli 2021 um 09:36 UTC](https://forum.shopware.com/t/footer-collapse-js-plugin-override-funktioniert-nicht/89186/1 "2021-07-16T09:36:22Z")

</div>

Hallo liebe Community, ich würde gerne den Collapse Footer auf dem Tablet haben und dafür habe ich in meinem Theme die Funktion:

```auto
 _isInAllowedViewports() {
        return (ViewportDetection.isXS() || ViewportDetection.isSM() || ViewportDetection.isMD());
    }

```

angepasst und um den Tablet View Port erweitert. Das ganze habe ich in einem src/collapse-footer-name Ordner gemacht und eine „name.plugin.js“ angelegt um das Plugin zu überschreiben. Das sieht dann so aus:

```auto
import CollapseFooterColumnsPlugin from 'src/plugin/collapse/collapse-footer-columns.plugin';
import ViewportDetection from 'src/helper/viewport-detection.helper';

export default class CollapseFooterColumnsChange extends CollapseFooterColumnsPlugin {

    _isInAllowedViewports() {
        return (ViewportDetection.isXS() || ViewportDetection.isSM() || ViewportDetection.isMD());
    }
}

```

Am Ende habe ich das Plugin dann in der main.js überschrieben

```auto
import CollapseFooterColumnsChange from './collapse-footer-columns-change/collapse-footer-columns-change.plugin';

const PluginManager = window.PluginManager;
PluginManager.override('CollapseFooterColumns', CollapseFooterColumnsChange, '[data-collapse-footer-columns]');

// Necessary for the webpack hot module reloading server
if (module.hot) {
    module.hot.accept();
}

```

Und dann natürlich ./psh.phar storefront:build aufgerufen. Leider gibt es bei mir überhaupt keine Veränderung. Habe ich irgendwas übersehen oder kann ich in einem Theme kein Plugin überschreiben?  
Ich bin so nachgegangen wie es in der Doku beschrieben ist: [Override existing Javascript - Shopware Developer](https://developer.shopware.com/docs/guides/plugins/plugins/storefront/override-existing-javascript)

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [19. Juli 2021 um 07:49 UTC](https://forum.shopware.com/t/footer-collapse-js-plugin-override-funktioniert-nicht/89186/2 "2021-07-19T07:49:21Z")

</div>

Ich habe das Plugin mal abgekapselt und bekomme jetzt eine Konsolen Ausgabe. Allerdings verändert sich der Viewport des Footer immer noch nicht. Mein Code [GitHub - longdayscoldnights/sw6-footer-collapse-change](https://github.com/longdayscoldnights/sw6-footer-collapse-change) sollte doch eigentlich so funktionieren oder?

Nutze noch Shopware 6.3.4.5

---

<div class="post-metadata">

**Author:** ![david.darx](https://avatars.discourse-cdn.com/v4/letter/d/7ba0ec/32.png) [@david.darx](https://forum.shopware.com/u/david.darx)\
**Post date:** [27. September 2021 um 13:53 UTC](https://forum.shopware.com/t/footer-collapse-js-plugin-override-funktioniert-nicht/89186/3 "2021-09-27T13:53:27Z")

</div>

Hallo @ninja , hast du das Problem lösen können? Habe gerade das gleiche Code wie du, und es funktioniert auch nicht. Danke fürs Feedback, David

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [28. September 2021 um 12:34 UTC](https://forum.shopware.com/t/footer-collapse-js-plugin-override-funktioniert-nicht/89186/4 "2021-09-28T12:34:55Z")

</div>

Hey bei mir läuft es immer noch nicht, leider. Hatte allerdings auch keine Zeit um mir das mal genauer anzuschauen. Ich denke in den nächsten paar Wochen werde ich es irgendwie zum Laufen bekommen…

Wäre natürlich hilfreicher, wenn man direkt wüsste wo man schauen soll oder wenn jemand schon mal genau das gleiche Problem hatte 😃

---

<div class="post-metadata">

**Author:** ![halabalusa](https://avatars.discourse-cdn.com/v4/letter/h/d07c76/32.png) [@halabalusa](https://forum.shopware.com/u/halabalusa)\
**Post date:** [26. Juli 2023 um 10:08 UTC](https://forum.shopware.com/t/footer-collapse-js-plugin-override-funktioniert-nicht/89186/5 "2023-07-26T10:08:14Z")

</div>

Hi,

ich bin gerade auf das selbe Problem gestoßen. Ich Extende das JS Plugin „CollapseFooterColumnsPlugin“, aber auf meine neue Funktion \_isInAllowedViewports wird nicht zugegriffen. Hat hier jemand schon eine Lösung gefunden, wie ich im MD Viewport auch den Footer collapsen lassen kann?

@ninja und @david.darx, hattet ihr da eine Lösung?

Danke und viele Grüße!