Landingpage ohne Menü

Deutsch Diskussion Technische Fragen & Antworten

Topic summary

Ein Nutzer möchte eine Landingpage für ein einzelnes Produkt erstellen und dabei den Header mit Warenkorb-Symbol anzeigen, aber ohne Navigationsmenü. Das Problem: In Shopify lässt sich der Header nur komplett aktivieren oder deaktivieren – immer mit Menü.

Vorgeschlagene Lösung (ohne Gewähr):

  • Erstellung von zwei separaten Header-Abschnitten: einer für die Startseite (nur Warenkorb, kein Menü) und einer für alle anderen Seiten (mit Menü)
  • Verwendung von Bedingungslogik in der header.liquid-Datei mittels conditional statements
  • Duplizierung der header.liquid als home-header.liquid und Entfernung des Menü-Codes

Wichtige Hinweise:

  • Die Lösung erfordert Code-Anpassungen und ist theme-abhängig
  • Sollte unbedingt in einer Testumgebung mit einem Experten getestet werden
  • Ein Vorschaulink zum konkreten Shop würde bei der Problemlösung helfen
Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hallo,

könnte mir jemand bitte helfen?

Ich habe eine Landingpage erstellt mit dem Ziel nur ein Produkt zu verkaufen.

Ich möchte auf der Landingpage den Header aktivieren um den Warenkorb angezeigt zu bekommen. Das Menü sollte nicht angezeigt werden. Jedoch auf der Website schon.

Ich habe gesehen, dass man den Header aktivieren oder deaktivieren kann aber nur mit Menü und das für die ganze Website.

Gibt es einen Workaround dafür?

Vielen Dank.

Viele Grüsse

Petra

2

Hey Petra! @LPF1

Danke für die Frage und es immer toll zu sehen wie unsere Händler schone neue Storefronts bauen. Dein Shop wird also ein 1-Product Shop, ist das richtig?

In deinem Problemfall wäre es aber hilfreich wenn du uns einen Vorschaulink zu einem konkreten Beispiel hier liefern könntest so dass wir dir dann schneller helfen können.

Wenn ich das richtig verstanden habe, möchtest du also das Menu nicht auf der Homepage anzeigen aber stattdessen auf alle anderen Seiten, ist das korrekt?

Wenn ja, wird das eine Code Anpassung verlangen und das folgende ist ohne Gewähr und sollte mit einem Experten in einer Testumgebung getestet werden, um das live-Theme nicht zu zerschiessen. Das folgende hängt auch stark von deinem Theme drauf ab und alle Themes sind anders im Code.

Um dies in Shopify zu erreichen, müsstest du 2 Header-Abschnitte erstellen - einen mit dem Cart-Symbol und ohne Menü für die Startseite und einen mit dem Cart-Symbol und dem Menü für alle andere Seiten.

Du kannst eine Bedingungslogik in der Datei header.liquid deines Themes verwenden, um die entsprechende Kopfzeile auf den entsprechenden Seiten anzuzeigen.

Hier sind die allgemeine Schritte für eine Testumgebung:

  • Dupliziere die Datei header.liquid des Themes und benenne die doppelte Datei in header-home.liquidum.
  • Entferne in der Dateiheader-home.liquid den Code für das Menü und behalte nur den Code für das Einkaufswagen-Symbol und alle anderen Elemente, die du in der Kopfzeile anzeigen möchtest. Ein Beispielcode das man testen könnte mit einem Programmierer:

Füge in das header.liquid eine conditional statement ein, die prüft, ob die aktuelle Seite die Startseite ist. Ist dies der Fall, füge die Datei header-home.liquid ein. Wenn nicht, füge den Standard-Header ein. Zum Beispiel:

{% if template contains 'index' %}
  {% include 'header-home' %}
{% else %}
  {% include 'header' %}
{% endif %}

Dieser Code prüft, ob die aktuelle Vorlage das Wort “index” enthält, das die Vorlage für die Homepage ist. Wenn ja, wird die Datei header-home.liquid eingebunden. Wenn nicht, wird die Standard-Header-Datei eingefügt.

Das obige ist somit ohne Gewähr und das sollte man mit einem Experten besprechen. Gerne kann ich welche empfehlen!

VG,