Titel ausblenden

Hallo :slightly_smiling_face:

ich möchte gerne auf manchen Seiten den Titel ausblenden. Siehe Screenshot:

Das ganze Über Uns und Startseite → Über uns soll ausgeblendet werden.. aber irgendwie kann weder im Benutzerdefinierten CSS noch im Code etwas bearbeiten.. die index liquid ist leer.

Beste Grüße

Frederic

Hey Frederic! @3d-decoration1

Danke für das Bild und das Ausblenden eines Seitentitels in Shopify, insbesondere auf spezifischen Seiten wie der “Über Uns”-Seite, erfordert in der Regel eine Anpassung im Theme-Code. Wenn du keinen direkten Zugang zu einer spezifischen Liquid-Datei wie index.liquid hast oder wenn diese leer ist, könnte es sein, dass das Theme anders strukturiert ist oder die Inhalte über Sections geladen werden.

Die Datei, die du bearbeiten musst, könnte page.liquid, page.template.liquid, template-page.liquid oder ähnlich heißen, abhängig von deinem Theme. Manche Themes nutzen auch eine allgemeine template.liquid Datei, die wiederum andere Templates lädt.

Innerhalb der Liquid-Datei suche nach dem HTML-Code, der den Seitentitel ausgibt, meist etwas wie {{ page.title }}. Um den Titel auf bestimmten Seiten auszublenden, kannst du eine Bedingung einfügen. Zum Beispiel:

{% if page.title != 'Über Uns' %}
  # {{ page.title }}
{% endif %}

Diese Bedingung blendet den Titel nur aus, wenn der Titel der Seite “Über Uns” ist. Wenn du die Liquid-Datei nicht ändern möchtest oder kannst, könntest du auch eine CSS-Lösung nutzen, indem du eine spezifische Klasse für die Seite im Theme Editor hinzufügst und dann den Titel über CSS ausblendest. Wenn du nicht vertraut mit Liquid und CSS bist, könnte es sinnvoll sein, einen unserer zertifizierten Entwickler um Hilfe zu bitten.

Hoffe das hilft dir weiter! :wink:

Hallo Gabe,

ich habe das in der Liquid Datei für die Über Uns Seite gefunden:

was muss ich machen, damit der Titel ausgeblendet wird?

Darunter existiert ja noch der Verweis mit Startseite → Über uns

Viele Grüße

Frederic

Hey @3d-decoration1

Ich habe den Code an deinen Screenshot jetzt angepasst wo ein <h2>-Tag, anstatt<h1>-Tag zu sehen ist. Du kannst also den Code mit der folgenden IF-Statement anpassen, um den Titel nur auf der “Über Uns”-Seite auszublenden:

{% if page.title != 'Über Uns' %}
  ## {{ page.title }}
{% endif %}

Diese Bedingung sorgt dafür, dass der <h2>-Tag, der den Seitentitel enthält, nur dann gerendert wird, wenn der Titel der Seite nicht “Über Uns” entspricht. Wenn du den Titel auf jeder Seite ausblenden möchtest, entferne einfach den <h2>-Tag komplett:


Das Auskommentieren des Codes bewirkt, dass er vom Browser ignoriert wird. Für den Breadcrumb, der die Navigation wie “Startseite → Über Uns” zeigt, musst du den ähnlichen Ansatz verwenden. Um diese Navigation auszublenden, findest du den entsprechenden Codeabschnitt, der wahrscheinlich die Breadcrumb-Informationen enthält, und fügst auch hier eine Bedingung ein oder kommentierst ihn aus.

Hier ist ein Beispiel, wie du den Breadcrumb ausblenden könntest:

{% if page.title != 'Über Uns' %}
  {% include 'breadcrumb' %}
{% endif %}

Dies würde den Breadcrumb nur einfügen, wenn der Titel nicht “Über Uns” ist. Wenn der Breadcrumb in einer separaten Datei (breadcrumb.liquid) definiert ist, könntest du auch dort direkt die Bedingung einfügen.