# Anleitung: Mobile Footer Menü automatisch aufklappen

**URL:** <https://forum.shopware.com/t/anleitung-mobile-footer-menue-automatisch-aufklappen/90164>\
**Category:** Themes & Design\
**Created:** [7. September 2021 um 07:57 UTC](https://forum.shopware.com/t/anleitung-mobile-footer-menue-automatisch-aufklappen/90164 "2021-09-07T07:57:06Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![graumatic](https://avatars.discourse-cdn.com/v4/letter/g/dec6dc/32.png) [@graumatic](https://forum.shopware.com/u/graumatic)\
**Post date:** [7. September 2021 um 07:57 UTC](https://forum.shopware.com/t/anleitung-mobile-footer-menue-automatisch-aufklappen/90164/1 "2021-09-07T07:57:06Z")

</div>

Hallo,

anbei eine kurze Anleitung wie man die Menüpunkte des Mobile Footers automatisch aufklappt.

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

1. In /Frontend/DeinTheme/ Theme.php folgendes einfügen (oberhalb der letzten „}“)

```auto
protected $javascript = [
    'src/js/offen.js'
];

```

1. In /Frontend/DeinTheme/frontend/\_public/src/js/ die Datei „offen.js“ anlegen
2. Je nachdem welche Punkte offen sein sollen den folgenden Code einfach einfügen:

KONTAKT (Hotline)

```auto
$.subscribe('plugin/swCollapsePanel/onInit', function() {
         $('.footer--columns .column--hotline .column--headline').addClass('is--active');
         $('.footer--columns .column--hotline div').addClass('is--collapsed');
         $('.footer--columns .column--hotline div').css('display', 'block');
     });

```

SERVICE (Unten Spalte 1)

```auto
$.subscribe('plugin/swCollapsePanel/onInit', function() {
         $('.footer--columns .footer--column:nth-child(1) .column--headline').addClass('is--active');
         $('.footer--columns .footer--column:nth-child(1) nav').addClass('is--collapsed');
         $('.footer--columns .footer--column:nth-child(1) nav').css('display', 'block');
     });

```

RECHTLICHES (Unten Spalte 2)

```auto
$.subscribe('plugin/swCollapsePanel/onInit', function() {
         $('.footer--columns .footer--column:nth-child(2) .column--headline').addClass('is--active');
         $('.footer--columns .footer--column:nth-child(2) nav').addClass('is--collapsed');
         $('.footer--columns .footer--column:nth-child(2) nav').css('display', 'block');
     });

```

BLEIBE INFORMIERT (Newsletter)

```auto
$.subscribe('plugin/swCollapsePanel/onInit', function() {
         $('.footer--columns .column--newsletter .column--headline').addClass('is--active');
         $('.footer--columns .column--newsletter div').addClass('is--collapsed');
         $('.footer--columns .column--newsletter div').css('display', 'block');
     });

```

1. Theme kompilieren & fertig

Bei Fragen gerne Fragen!