FROM CACHE - de_header

Im Header Menüpunkte einzeln bearbeiten?

Im Header Menüpunkte einzeln bearbeiten?

Elias0
Tourist
4 0 1

hey, gibt es die Möglichkeit Menüpunkte Einzeln zu bearbeiten? 

Beispiel: ich habe im Header Menüpunkte : Damen, Herren, Kinder, FAQ und ich möchte den Menüpunkt "Kinder" in einer anderen Farbe haben. 

Bei "Code bearbeiten" finde ich nicht mal meine Menüpunkte

gesucht in : "Theme. liquid - Header. liquid - base.css"

 

benutze Dawn Theme 9.0.0 

 

7 ANTWORTEN 7

Sasheando
Neues Mitglied
8 0 0

Hallo Elias,

das geht sogar sehr unkompliziert direkt im Shopify-Admin-Bereich. Gehe unter Onlineshop>Navigation einfach auf den Menüpunkt, der eine andere Farbe bekommen soll und packe diesen in ein div oder span Element. So habe ich zum Beispiel mein Menüpunkt Sale rot gefärbt:

<span style="color: #DE2A2A;">SALE</span>

Viele Grüße

Sascha 

Elias0
Tourist
4 0 1

Hallo Sascha,

Danke für deine Nachricht.

Wenn ich bei mir auf Onlineshop - Navigation - Hauptmenü - dann auf den Menüpunkt ( der eine andere Farbe bekommen soll ) gehe, dann wie genau kann ich es in ein "span oder div Element" packen? also bei mir steht dann: Bearbeiten oder Löschen (und unter bearbeiten kann ich nur den Namen ändern)  vielen danke im voraus  / und unter Onlineshop - Themes - Code bearbeiten finde ich die menüpunkte auch nicht (nicht im header.liquid oder sonst wo (sorry bin shopify anfänger und übersehe evtl etwas)

 

Gruß

Elias

Sasheando
Neues Mitglied
8 0 0

Hallo Elias,

da bist du schon richtig. Gehe auf bearbeiten und schreibe den Code (<span style="color: #DE2A2A;">SALE</span> ) direkt in das Feld wo du den Namen der Kategorie ändern kannst. In meinem Beispiel erscheint so dann die Bezeichnung SALE als rot… 

Elias0
Tourist
4 0 1

hallo Sascha, 

sorry fürs nerven, aber irgendwas mache ich einfach Falsch.

habe mal hier 2 Screenshots gemacht:

habe auch "SALE <span style="color: #DE2A2A;">SALE</span>" 

getestet und <div style="color: #DE2A2A;">SALE</div> ohne Erfolg

(Link Kontakt ist jetzt nur als test ausgewählt)

1.png2.png

Gabe
Shopify Staff
19233 3003 4418

Hey @Elias0 

 

Diese Methode funktioniert leider nicht mehr weil mit Shopify Free Themes ein Liquid Filter “escape” genutzt wird. Es scheint aber nur noch in drittanbieter Themes zu funzen, wie man hier sehen kann:

 

 

Dadurch wird alles was in HTML eingetragen wird 1:1 ausgegeben. Das kann man in  der header.liquid Datei bei den Navigationselementen entfernen. 

 

  • Gerne kann ich einen Experten dafür empfehlen bei Bedarf! 😉

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

Elias0
Tourist
4 0 1

@Gabe ok vielen dank für deine Antwort. 

Dann weiß ich ja schonmal, dass ich nicht zu doof bin sondern die Option beim DAWN theme ausgestellt ist 😄 

Gabe
Shopify Staff
19233 3003 4418

Gerne geschehen! 😉

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