# Footer bei Smartphones in der Navigation anzeigen

**URL:** <https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400>\
**Category:** Shopware 6 (German)\
**Created:** [28. Juni 2024 um 06:54 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400 "2024-06-28T06:54:06Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![UX4U](https://avatars.discourse-cdn.com/v4/letter/u/5daacb/32.png) [@UX4U](https://forum.shopware.com/u/UX4U)\
**Post date:** [28. Juni 2024 um 06:54 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/1 "2024-06-28T06:54:06Z")

</div>

Wie kann man, wenn man bei Smartphones auf den Navigationsbutton klickt, auch den Footer anzeigen lassen?

---

<div class="post-metadata">

**Author:** ![Sysgrade\_eCommerce](https://avatars.discourse-cdn.com/v4/letter/s/5fc32e/32.png) [@Sysgrade\_eCommerce](https://forum.shopware.com/u/Sysgrade_eCommerce)\
**Post date:** [30. Juni 2024 um 19:05 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/2 "2024-06-30T19:05:53Z")

</div>

Hallo,  
wenn du die Links aus dem Footer im Offcanvas-Menü anzeigen möchtest, sobald auf den Navigationsbutton geklickt wird, könnte eine Möglichkeit sein, das entsprechende Template des Offcanvas-Menüs anzupassen. Dazu könntest du beispielsweise die Links aus dem Footer der „Service-Navigation“ zuweisen und den entsprechenden Block im Template so anpassen, dass die `page.header.serviceMenu` ausgegeben wird.

---

<div class="post-metadata">

**Author:** ![UX4U](https://avatars.discourse-cdn.com/v4/letter/u/5daacb/32.png) [@UX4U](https://forum.shopware.com/u/UX4U)\
**Post date:** [9. Juli 2024 um 15:48 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/3 "2024-07-09T15:48:00Z")

</div>

@Sysgrade_eCommerce danke.

Ich habe folgende Einbindung ausprobiert:

```auto
{% sw_extends '@Storefront/storefront/layout/navigation/offcanvas/categories.html.twig' %}

{% block layout_navigation_offcanvas_navigation_categories %}
{{ parent() }}

{% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% endblock %}

```

Dann sind aber die Menüpunkte vom Footer nicht aufklappbar. Was muss man ändern, damit das geht?

Wie kann man nur den Block „layout\_footer\_navigation“ statt allen Blöcken von „footer.html.twig“ einbinden?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [11. Juli 2024 um 13:42 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/4 "2024-07-11T13:42:20Z")

</div>

Ich würde den entsprechenden Block einfach kopieren und hier einfügen.

Vieles im Frontend funktioniert über JavaScript, das auf class Namen zurückgreift. Daher kann es sein, dass das JavaScript nicht mehr ausgeführt wird, wenn die class Hierarchie nicht mehr stimmt. Da hilft leider nur jeden Einzelfall prüfen.

---

<div class="post-metadata">

**Author:** ![UX4U](https://avatars.discourse-cdn.com/v4/letter/u/5daacb/32.png) [@UX4U](https://forum.shopware.com/u/UX4U)\
**Post date:** [12. Juli 2024 um 08:46 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/5 "2024-07-12T08:46:45Z")

</div>

Hallo @Max_Shop,

danke für die Antwort.

Damit kann ich nur den einen Block statt allen Blöcken von footer.html.twig einbinden. Geht das nicht mit einem Befehl, dass man nur einen statt alle Blöcke einbinden kann?

Ich habe im Inspektor der Firefox-Entwicklerwerkzeuge das div mit der Klasse container kopiert und vollständig eingefügt.  
Damit kann man die Navigationspunkte leider auch nicht durch einen Klick oder Tipp aufklappen. Da ja vorher der komplette Footer eingebunden war, hätte es mich gewundert, wenn es gehen würde.

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [12. Juli 2024 um 09:17 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/6 "2024-07-12T09:17:39Z")

</div>

Nein, einem include kann man nur Variablen mitgeben, nicht aber Blöcke ausschließen.

Du könntest aber testen die include einzubinden und darunter die nicht gewünschten Blöcke leer zu überschreiben.

---

<div class="post-metadata">

**Author:** ![UX4U](https://avatars.discourse-cdn.com/v4/letter/u/5daacb/32.png) [@UX4U](https://forum.shopware.com/u/UX4U)\
**Post date:** [12. Juli 2024 um 09:29 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/7 "2024-07-12T09:29:27Z")

</div>

@Max_Shop

```auto
{% sw_extends '@Storefront/storefront/layout/navigation/offcanvas/categories.html.twig' %}

{% block layout_navigation_offcanvas_navigation_categories %}
{{ parent() }}

{% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}

{% block layout_footer_bottom %}
{% endblock %}

{% endblock %}

```

funktioniert leider nicht, um den unerwünschten Teil nicht anzuzeigen.

Wie bei [Footer bei Smartphones in der Navigation anzeigen - #5 von UX4U](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/5) beschrieben, sind die Navigationspunkte leider nicht aufklappbar.

Könntest du mir bitte helfen, damit ich es hinbekomme?

---

<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:** [12. Juli 2024 um 21:25 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/8 "2024-07-12T21:25:07Z")

</div>

Hallo,

so „einfach“ wie es scheint, ist es nicht. Damit das JavaScript (speziell [shopware/src/Storefront/Resources/app/storefront/src/plugin/collapse/collapse-footer-columns.plugin.js at trunk · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/trunk/src/Storefront/Resources/app/storefront/src/plugin/collapse/collapse-footer-columns.plugin.js#L9) ) weiter funktioniert, müsste man es erneut initialisieren, sobald das OffCanvas-Menü geöffnet wurde. Erst dann würde das auf- und zuklappen wieder funktionieren.

Grüße  
Sebastian

---

<div class="post-metadata">

**Author:** ![UX4U](https://avatars.discourse-cdn.com/v4/letter/u/5daacb/32.png) [@UX4U](https://forum.shopware.com/u/UX4U)\
**Post date:** [13. Juli 2024 um 09:12 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/9 "2024-07-13T09:12:05Z")

</div>

Hallo @sschreier,

vielen Dank.

Wie initialisiere ich das JavaScript erneut? Twig-Dateien erweitern kann ich.

Hast du eine Lösung, wie ich nur einen bestimmten Block statt der ganzen footer.html.twig einbinden kann?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [13. Juli 2024 um 13:05 UTC](https://forum.shopware.com/t/footer-bei-smartphones-in-der-navigation-anzeigen/104400/10 "2024-07-13T13:05:06Z")

</div>

Die Blöcke, die du überschreiben möchtest, dürfen vermutlich nicht im gleichen Block sein, sondern danach als separate Blöcke.
