FROM CACHE - de_header

Dawn 8.0: Foto(s) im Mega-Menü einfügen

Gelöst
niklasH_
Tourist
9 0 1

Hallo liebe Community,

gerne würde ich im Mega-Menü des Dawn-Theme 8.0 Fotos einblenden, wie hier im Foto zu sehen:


Fotos im Menü.PNG

 

Ich weiß, dass es mit Drittanbieter-Apps möglich ist. Das möchte ich jedoch vermeiden.

Gefunden habe ich ein Video auf Youtube, in dem ein Weg beschreiben wird. Dort wird die Datei-URL des Fotos in das Menü eingefügt:

https://youtu.be/V8PNoDZbaxI?t=148

Leider funktioniert es bei mir nicht.

Hat vielleicht jemand eine Idee?

Viele Grüße

Niklas

 

1 AKZEPTIERTE LÖSUNG
Gabe
Shopify Staff
Shopify Staff
14446 2274 3460

Erfolg.

Hey @niklasH_ 

 

Das ist wie @Simonsron sagt und muss über eine Programmierung gemacht werden wie die folgende. Diese ist aber nur ein Vorschlag und OHNE Gewähr. Wenn du es selber auf deiner Warenkorbseite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative 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!

 

Gehe zu "Online-Shop" > "Themes" > "Aktionen" > "Code bearbeiten" und einen Liquid-Code wie den folgenden verwenden:

 

<a href="{{ link.url }}" class="menu-item-link">
  {% if link.image %}
    <img src="{{ link.image | img_url: 'original' }}" alt="{{ link.title }}" class="menu-item-image">
  {% endif %}
  <span class="menu-item-title">{{ link.title }}</span>
</a>

 

Je nach Theme, fügt man das in das  mega-menu.liquid und der Code überprüft, ob für den Menüpunkt eine Bild-URL hinterlegt wurde, und fügt das Bild entsprechend ein, bevor der Link-Titel angezeigt wird.

 

Du kannst die Größe des Bildes im Menü anpassen in dem du die CSS-Klasse .menu-item-image im CSS-Stylesheet des Themes anpasst.

 

Wenn das Bild nicht angezeigt wird, überprüfe, ob das Bild im richtigen Format und Größe vorliegt. Stelle auch sicher, dass das Bild auch öffentlich verfügbar ist, damit es im Menü angezeigt werden kann.

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

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2
Simonsron
Shopify Partner
699 87 121

Möglicherweise müssen Sie einen Entwickler beauftragen, der Ihnen bei der Entwicklung dieser Funktionalität auf einer maßgeschneiderten Basis hilft.

banned
Gabe
Shopify Staff
Shopify Staff
14446 2274 3460

Erfolg.

Hey @niklasH_ 

 

Das ist wie @Simonsron sagt und muss über eine Programmierung gemacht werden wie die folgende. Diese ist aber nur ein Vorschlag und OHNE Gewähr. Wenn du es selber auf deiner Warenkorbseite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negative 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!

 

Gehe zu "Online-Shop" > "Themes" > "Aktionen" > "Code bearbeiten" und einen Liquid-Code wie den folgenden verwenden:

 

<a href="{{ link.url }}" class="menu-item-link">
  {% if link.image %}
    <img src="{{ link.image | img_url: 'original' }}" alt="{{ link.title }}" class="menu-item-image">
  {% endif %}
  <span class="menu-item-title">{{ link.title }}</span>
</a>

 

Je nach Theme, fügt man das in das  mega-menu.liquid und der Code überprüft, ob für den Menüpunkt eine Bild-URL hinterlegt wurde, und fügt das Bild entsprechend ein, bevor der Link-Titel angezeigt wird.

 

Du kannst die Größe des Bildes im Menü anpassen in dem du die CSS-Klasse .menu-item-image im CSS-Stylesheet des Themes anpasst.

 

Wenn das Bild nicht angezeigt wird, überprüfe, ob das Bild im richtigen Format und Größe vorliegt. Stelle auch sicher, dass das Bild auch öffentlich verfügbar ist, damit es im Menü angezeigt werden kann.

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