Header nur auf einer einzelnen Seite ausblenden - Theme Dawn

Hey Laura! @LauraLemuria

Wenn man den Header in Dawn über das Augensymbol ausblendet dann macht es das auf alle Seiten auf Elternebene (global), nicht auf Kinderebene wie mit dem Theme Vorlagen.

Wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

Um den Header nur auf bestimmten Seiten deines Shopify Dawn Themes auszublenden, musst du eine spezielle Seitenvorlage erstellen oder anpassen und CSS oder Liquid-Code verwenden, der gezielt nur auf diese Seite wirkt. Eine Möglichkeit ist, eine CSS-Klasse oder ein eindeutiges Kennzeichen in der Vorlage der spezifischen Seite hinzuzufügen und dann CSS zu nutzen, um den Header nur auf dieser Seite auszublenden.

Beispiel: Wenn du eine Klasse .hide-header nur auf der Landingpage hinzufügst, könntest du im CSS mit .hide-header .header-wrapper { display: none; } den Header ausblenden. Erinnere dich daran, dass diese Änderungen nur in der spezifischen Vorlage vorgenommen werden sollten, um globale Auswirkungen zu vermeiden.

  1. Erstelle eine Seitenvorlage für die spezifische Seite.
  2. Füge in der neuen Seitenvorlage eine spezifische Klasse zum obersten Container-Element hinzu, z.B. <body class="custom-page">.
  3. Füge folgenden CSS-Code hinzu per unserer Anleitung hier:
.custom-page .header-wrapper {
    display: none;
}

Dies sorgt dafür, dass der Header nur auf Seiten mit der Klasse custom-page ausgeblendet wird. Stelle sicher, dass du den Klassennamen (custom-page) entsprechend anpasst, um Konflikte mit anderen Stilen zu vermeiden.

Bei weiteren Fragen werde ich dich an einen unserer oben-verlinkten Experten leiten. Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:


Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

1 Like