Shopify Header-Link
Ein Header-Link auf einer Shopify-Website ist ein anklickbarer Text oder ein Bild, der sich typischerweise oben auf der Startseite oder anderen Seiten der Website befindet. Er wird oft verwendet, um durch verschiedene Bereiche oder Seiten der Website zu navigieren, wie z. B. die Startseite, Produktseite oder Kontaktseite. Header-Links können in den Theme-Einstellungen eines Shopify-Shops angepasst werden.
Er wird verwendet, um Navigationslinks für Ihre Besucher und Kunden zu erstellen, damit diese einfach durch Ihre Website navigieren können.
Wie fügt man einen Header-Link zum Shopify-Code hinzu? – Eine Kurzanleitung
Um einen Header-Link zu Ihrer Shopify-Website hinzuzufügen, können Sie die Liquid-Template-Sprache verwenden, um den Code Ihres Themes zu bearbeiten. Hier sind die Schritte, die Sie befolgen können:
1. Melden Sie sich in Ihrem Shopify-Adminbereich an und gehen Sie zum Abschnitt „Themes“. Als Referenz siehe Abbildung unten.
2. Suchen Sie das Theme, das Sie bearbeiten möchten, und klicken Sie auf die Schaltfläche „Aktionen“. Wählen Sie dann „Code bearbeiten“, wie in der Abbildung unten gezeigt.
3. Navigieren Sie im Datei-Explorer zum Ordner „layout“ und öffnen Sie die Datei „header.liquid“. Oder Sie können direkt in der Suchleiste suchen, wie in der Abbildung unten gezeigt.
4. Suchen Sie den Abschnitt der Datei, in dem das Headermenü definiert ist. Er sollte etwa so aussehen:
<nav class="header-nav">
<ul class="header-nav__list">
{% for link in linklists.main-menu.links %}
<li class="header-nav__item">
<a href="{{ link.url }}" class="header-nav__link">{{ link.title }}</a>
</li>
{% endfor %}
</ul>
</nav>
5. Fügen Sie den folgenden Code hinzu, um einen neuen Link zum Headermenü hinzuzufügen:
<li class="header-nav__item">
<a href="YOUR-LINK-HERE" class="header-nav__link">YOUR-LINK-TITLE</a>
</li>
6. Ersetzen Sie YOUR-LINK-HERE durch die URL, auf die der Link verweisen soll, und YOUR-LINK-TITLE durch den Text, der für den Link im Headermenü angezeigt werden soll.
7. Speichern Sie die Änderungen, und Sie sollten den neuen Link nun im Headermenü Ihrer Website sehen.
Bitte beachten Sie, dass je nach verwendetem Theme der Code und die Position der Links im Header variieren können. Sie können sich jederzeit an den Theme-Entwickler wenden, um detailliertere Anweisungen oder Unterstützung zu erhalten.
Zusammenfassung:
Nachdem Sie die komplette Anleitung gelesen haben, können Sie einen Header-Link zu Ihrem Shopify-Shop hinzufügen. Sollten Sie jedoch weiterhin Probleme beim Hinzufügen eines Header-Links zu Ihrem Shop haben, können Sie uns für Shopify-Entwickler-Hilfe und -Support kontaktieren.