FROM CACHE - de_header
Gelöst

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

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
17872 2830 4165

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 122

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
17872 2830 4165

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