# Header für Landing Page mit bestimmter URL ausblenden

**URL:** <https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550>\
**Category:** Programmierung\
**Created:** [18. März 2022 um 14:06 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550 "2022-03-18T14:06:11Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![grundschulmaterial](https://avatars.discourse-cdn.com/v4/letter/g/c68b51/32.png) [@grundschulmaterial](https://forum.shopware.com/u/grundschulmaterial)\
**Post date:** [18. März 2022 um 14:06 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/1 "2022-03-18T14:06:11Z")

</div>

Hallo zusammen,

ich würde gerne eine Shopware 6 Landingpage als Landingpage für eine Facebook Kampagne nutzen. Dafür möchte ich den Header und die Navigation ausblenden, also die Elemente und

. Die Elemente sollen nur auf einer Landingpage mit einer bestimmten URL (shopurl/newsletter) ausgeblendet werden.

Ich habe versucht, in der Datei base.html.twig die o.g. Elemente auszublenden, wenn eine bestimmte Bedingung erfüllt ist. Ich scheitere jedoch daran, die aktuelle URL zu erhalten.

```auto
{% block base_header %}
    <header class="header-main">
        
        {% set route = app.request.schemeAndHttpHost %}
        <script>alert("Current Path: " . path(‚frontend.home.page‘) ); </script>

        {% if Pfad der aktuellen Seite == shopurl/newsletter %}
            {% block base_header_inner %}
                <div class="container">
                    {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
                </div>
            {% endblock %}
        {% endif %}
    </header> 
{% endblock %}

```

Hat jemand einen Tipp für mich, wie ich das umsetzen kann? Gerne auch eine elegantere Lösung 😉

Danke und viele Grüße.

---

<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:** [18. März 2022 um 14:41 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/2 "2022-03-18T14:41:54Z")

</div>

app.request.pathinfo

---

<div class="post-metadata">

**Author:** ![grundschulmaterial](https://avatars.discourse-cdn.com/v4/letter/g/c68b51/32.png) [@grundschulmaterial](https://forum.shopware.com/u/grundschulmaterial)\
**Post date:** [18. März 2022 um 15:50 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/3 "2022-03-18T15:50:18Z")

</div>

Hallo Max\_Shop,  
vielen Dank für die schnelle Antwort.  
Ganz anfängerlike muss ich leider trotzdem nochmal nachhaken, da ich es noch nicht hinbekomme.

Wie kann ich die Variable einfach mal ausgeben? Oder wie genau müsste meine If-Abfrage aussehen? Aktuell bekomme ich höchstens ein undefined zurück.

```auto
<script>alert( app.request.pathinfo ); </script>

```

---

<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:** [18. März 2022 um 16:38 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/4 "2022-03-18T16:38:23Z")

</div>

Wie jede andere twig Variable auch per {{ var }}

In deinem Fall

`<script>alert( {{ app.request.pathinfo }} ); </script>`

---

<div class="post-metadata">

**Author:** ![HenLab01](https://avatars.discourse-cdn.com/v4/letter/h/eb8c5e/32.png) [@HenLab01](https://forum.shopware.com/u/HenLab01)\
**Post date:** [19. März 2022 um 06:36 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/5 "2022-03-19T06:36:24Z")

</div>

@grundschulmaterial Hast du es inzwischen hingekommen würdest die Lösung mit uns teilen?

---

<div class="post-metadata">

**Author:** ![grundschulmaterial](https://avatars.discourse-cdn.com/v4/letter/g/c68b51/32.png) [@grundschulmaterial](https://forum.shopware.com/u/grundschulmaterial)\
**Post date:** [19. März 2022 um 10:14 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/6 "2022-03-19T10:14:56Z")

</div>

Nein, leider nicht. Muss ich dies Variable noch irgendwo übergeben, damit ich sie dort nutzen kann? Wenn ich sie versuche auszugeben, kommt gar kein Alert mehr hoch.

```auto
{% sw_extends '@Storefront/storefront/base.html.twig' %} 
 
 {% block base_header %}
    <header class="header-main">
        
        <script>alert({{ app.request.pathinfo }}); </script>

        {% if (1==0) %}
            {% block base_header_inner %}
                <div class="container">
                    {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
                </div>
            {% endblock %}
        {% endif %}
    </header> 
{% endblock %}

{% block base_navigation %}
    <div class="nav-main">
        {% if (1==0) %}
            {% block base_navigation_inner %}
                {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
            {% endblock %}
        {% endif %}
    </div>
{% endblock %}

```

---

<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:** [19. März 2022 um 11:34 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/7 "2022-03-19T11:34:21Z")

</div>

Mein Fehler, Anführungsstriche vergessen.

`<script>alert("{{ app.request.pathinfo }}");</script>`

---

<div class="post-metadata">

**Author:** ![grundschulmaterial](https://avatars.discourse-cdn.com/v4/letter/g/c68b51/32.png) [@grundschulmaterial](https://forum.shopware.com/u/grundschulmaterial)\
**Post date:** [19. März 2022 um 13:38 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/8 "2022-03-19T13:38:28Z")

</div>

Hallo zusammen,

jetzt klappt es. Vielen Dank für die Hilfe! 😊

```auto
{% block base_navigation %}
    <div class="nav-main">
        {% if (app.request.pathinfo !="path") %}
            {% block base_navigation_inner %}
                {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
            {% endblock %}
        {% endif %}
    </div>
{% endblock %}

```

---

<div class="post-metadata">

**Author:** ![anna1](https://avatars.discourse-cdn.com/v4/letter/a/85f322/32.png) [@anna1](https://forum.shopware.com/u/anna1)\
**Post date:** [13. Februar 2023 um 10:17 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/10 "2023-02-13T10:17:26Z")

</div>

Hallo, habe es jetzt mit CSS gelöst bekommen:

.is-ctl-landingpage .header-main, .is-ctl-landingpage .navigation-main, .is-ctl-landingpage .payments-panel–header, .is-ctl-landingpage .features-bar-columns, .is-ctl-landingpage .footer-main, .is-ctl-landingpage .main-navigation-menu{  
display: none;  
}

---

<div class="post-metadata">

**Author:** ![gerhard1](https://avatars.discourse-cdn.com/v4/letter/g/0ea827/32.png) [@gerhard1](https://forum.shopware.com/u/gerhard1)\
**Post date:** [13. März 2024 um 20:44 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/11 "2024-03-13T20:44:35Z")

</div>

@anna1 sorry bin auch nicht so tief drin in Shopware. An welcher Stelle hast du das CSS angepasst damit das nur für diese Landingpage greift?

---

<div class="post-metadata">

**Author:** ![Ramin](https://avatars.discourse-cdn.com/v4/letter/r/71e660/32.png) [@Ramin](https://forum.shopware.com/u/Ramin)\
**Post date:** [12. Februar 2025 um 14:34 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/12 "2025-02-12T14:34:03Z")

</div>

Hallo Zusammen,

ich versuche auch aktuell für eine bestimmte Erlebniswelt, den Header und Footer auszublenden.  
Das hier wäre jetzt der CSS Code der auch funktioniert. Allerdings stehe ich aktuell auf dem Schlauch, wie ich diesen Code im CSS-Klassen Feld der Erlebniswelt einbinde.

```auto
.footer-main, .header-main, .breadcrumb.cms-breadcrumb, .main-navigation, .d-block {
  display: none !important;
}

```

Kann mir jemand weiterhelfen?

Viele Grüße  
Ramin

---

<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. Februar 2025 um 14:46 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/13 "2025-02-12T14:46:57Z")

</div>

HTML Feld im Editor hinzufügen, dann per `<style>` einbinden.

---

<div class="post-metadata">

**Author:** ![Ramin](https://avatars.discourse-cdn.com/v4/letter/r/71e660/32.png) [@Ramin](https://forum.shopware.com/u/Ramin)\
**Post date:** [12. Februar 2025 um 15:18 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/14 "2025-02-12T15:18:45Z")

</div>

Wenn jetzt aber kein Block mit Editor hinterlegt ist? Ich würde es gerne hier als CSS-Klasse hinterlegen, damit es für die komplette Einkaufswelt gilt

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/f/b/fb625d83ca33a06c7b75c4dec86f020c749cb2de.png)

---

<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. Februar 2025 um 17:25 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/15 "2025-02-12T17:25:41Z")

</div>

Kannst du machen, wird aber nicht funktionieren. Höchstens es gibt neue CSS-Funktionen, die mir noch nicht bekannt sind.

---

<div class="post-metadata">

**Author:** ![Ramin](https://avatars.discourse-cdn.com/v4/letter/r/71e660/32.png) [@Ramin](https://forum.shopware.com/u/Ramin)\
**Post date:** [17. Februar 2025 um 09:23 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/16 "2025-02-17T09:23:50Z")

</div>

Aber man kann doch eigene CSS-Klassen erstellen und diese dort eintragen, oder nicht?

---

<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:** [17. Februar 2025 um 11:11 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/17 "2025-02-17T11:11:10Z")

</div>

Ja, aber die Klasse wirkt sich auf das Element aus, an dem sie zugeordnet ist. Und nicht auf ein anderes Element.

---

<div class="post-metadata">

**Author:** ![b.david](https://avatars.discourse-cdn.com/v4/letter/b/3be4f8/32.png) [@b.david](https://forum.shopware.com/u/b.david)\
**Post date:** [17. Februar 2025 um 11:15 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/18 "2025-02-17T11:15:13Z")

</div>

Also ich hab sowas ähnliches schon umgesetzt und das ganze per TWIG gelöst indem ich den path abfrage und je nachdem welcher path es ist dann zum Beispiel im Header ein anderes Element anzeige. Das wäre für deinen Fall genauso handlebar - abfrage welcher path es ist und dann im TWIG direkt den style setzen.

Kann aber auch sein dass ich das falsch gelesen habe 😉

Jedenfalls würde ich es so lösen vermutlich.

---

<div class="post-metadata">

**Author:** ![area-net-gmbh](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/area-net-gmbh/32/21995_2.png) [@area-net-gmbh](https://forum.shopware.com/u/area-net-gmbh)\
**Post date:** [11. März 2025 um 15:36 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/20 "2025-03-11T15:36:27Z")

</div>

Ich würde eher ein Zusatzfeld „Header ausblenden“ verwenden und das anstelle der URL/des Pfades abfragen.

---

<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:** [12. März 2025 um 07:42 UTC](https://forum.shopware.com/t/header-fuer-landing-page-mit-bestimmter-url-ausblenden/93550/21 "2025-03-12T07:42:00Z")

</div>

Völlig anderer Vorschlag:

Zunächst die „base.html.twig“ etwas erweitern:

```auto
{% sw_extends '@Storefront/storefront/base.html.twig' %}

{% block base_body_classes %}{{ parent() }} pagetyp-{{page.cmsPage.type}} pageid-{{page.cmsPage.id}} {% endblock %}

```

Mit „page.cmsPage.type“ und „page.cmsPage.id“ hat man so eindeutige CSS-Klassen im Body-Tag. Darüber könnte man jetzt per CSS alles mögliche gezielt steuern:

```auto
body.pageid-01904a443f2a711ab73c98d8ad6be472 {

  header, footer {
    display: none; 
  }

}

```

Viele Wege führen nach Rom 🙂