# Footer auf einzelnen Seiten ausblenden?

**URL:** https://forum.shopware.com/t/footer-auf-einzelnen-seiten-ausblenden/55693
**Category:** Themes & Design
**Created:** [11. Oktober 2018 um 11:54 UTC](https://forum.shopware.com/t/footer-auf-einzelnen-seiten-ausblenden/55693 "2018-10-11T11:54:11Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Lisa88](https://avatars.discourse-cdn.com/v4/letter/l/bc8723/32.png) [@Lisa88](https://forum.shopware.com/u/Lisa88)
#### Post date: [11. Oktober 2018 um 11:54 UTC](https://forum.shopware.com/t/footer-auf-einzelnen-seiten-ausblenden/55693/1 "2018-10-11T11:54:11Z")

</div>

Hallo zusammen,

weiß jemand, wie ich (am liebsten per CSS)&nbsp;den Footer auf einzelnen Seiten ausblenden kann?

Ich habe es per CSS so versucht:

```
.page-134 .footer-main, .footer-main .container {
    display: none;
}

```

Ergebnis: der Footer wird auf allen Seiten, nicht nur der Seite mit der ID 134 ausgeblendet.

Ich freu mich über jeden Tipp 🙂

Danke & LG,  
Lisa

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [11. Oktober 2018 um 13:19 UTC](https://forum.shopware.com/t/footer-auf-einzelnen-seiten-ausblenden/55693/2 "2018-10-11T13:19:03Z")

</div>

> Ergebnis: der Footer wird auf allen Seiten, nicht nur der Seite mit der ID 134 ausgeblendet.

Logisch wenn du knallhart „.footer-main .container“ in deine CSS packst.

In der originalen Version von Shopware geht das eigentlich gar nicht, da die Shopseiten nicht mit Nummern in den CSS-Klassen versehen sind. Also müsste man erst mal an geeigneter Stelle das Template anpassen. Beispiel:

```
            {* Footer *}
            {block name="frontend_index_footer"}
                
                    
                        {block name="frontend_index_footer_container"}
                            {include file='frontend/index/footer.tpl'}
                        {/block}
                    
                
            {/block}

```

Dann macht der Shop daraus etwas wie :

Jetzt hast du eine Grundlage für dein CSS:

```
.footer-main.page123, .footer-main.page456 {
  display: none;
}

```

Basiswissen über Shopware, Template und CSS sind voraussetzung.