Header für Landing Page mit bestimmter URL ausblenden

Shopware 6 (German) Programmierung
1

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.

{% 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 :wink:

Danke und viele Grüße.

2

app.request.pathinfo

3

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.

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

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

In deinem Fall

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

5

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

6

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.

{% 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 %}
7

Mein Fehler, Anführungsstriche vergessen.

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

8

Hallo zusammen,

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

{% 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 %}
10

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;
}

1 „Gefällt mir“
11

@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?

12

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.

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

Kann mir jemand weiterhelfen?

Viele Grüße
Ramin

13

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

14

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
image467×356 8.47 KB

15

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

16

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

17

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

18

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 :wink:

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