Liquid, JavaScript, Themes
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
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
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
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…
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)
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.
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
@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 😄
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
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024