Liquid, JavaScript, Themes
Hallo,
ist es möglich, ein zweites Logo-Bild in einen Header einzufügen?
Das jetzige Logo-Bild führt per Klick direkt zur Startseite, könnte ein zweites Logo mit einem Art Schaltflächenlink verknüpft werden, um auf eine anderen Teil der Website zu gelangen?
Ich würde mich sehr über Hilfe freuen.
Viele Grüße!
Hey @miriz
Danke für die Frage und du möchtest, dass auf allen Seiten des Shops ein zweites Logo im Header anklickbar ist der aber nicht zurück zur Homepage führt, wie das Haupt Logo, sondern woanders.
Das kann man machen, wird aber etliches an Code-Anpassungen verlangen. Bitte beachte, dass Code Anpassungen dein Theme Code auch ändern werden, was 1) zu einer verlangsamten Ladezeit und auch 2) zum Ausschließen aus den Theme Updates führen kann.
DIY - bitte immer in einer Testumgebung zuerst testen!
Du kannst einen Code Snippet zum header.liquid
hinzufügen wenn du zum Beispiel möchtest, dass das zweite Logo zu deiner "Über uns"-Seite führt:
<a href="/pages/about-us">
Hier ist ein Beispiel dafür, wie dein geänderter Code insgesamt im header.liquid
aussehen könnte:
<div class="header-logo grid__item medium-up--one-quarter">
<a href="/" class="site-header__logo-link" title="{{ shop.name }}">
<img src="{{ 'logo.png' | asset_url }}" alt="{{ shop.name }}" class="site-header__logo-image">
</a>
</div>
<div class="header-logo grid__item medium-up--one-quarter">
<a href="/pages/about-us" class="site-header__logo-link" title="About Us">
<img src="{{ 'second-logo.png' | asset_url }}" alt="About Us" class="site-header__logo-image">
</a>
</div>
Das ganze ist aber ohne Gewähr und ich kann dir gerne einen Experten empfehlen der das für euch programmieren kann.
Hoffe das hilft!
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hej Gabe,
vielen Dank für deine schnelle und ausführliche Antwort!
Ich werde es testen, überdenken und mich gegebenenfalls nochmal melden.
Danke, danke 🙏
Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024