Shopify-Themes, Liquid, Logos und ähnliche Themen
Hallo zusammen,
kurz vorab: Hier fragt ein Leihe mit grundlegendem Programmier-Verständnis. Ich hoffe, Ihr könnt uns weiterhelfen!
Unser Problem & Ziel ist das Folgende: Wir wollen die Farbe des Footers auf einer spezifischen product_page ändern, ohne dabei die allgemeinen theme-settings anzufassen.
Wir verwenden aktuell das Motion-Theme für unserem Shop.
Im Quellcode des themes konnte ich die folgenden Zusammenhänge finden:
settings_data.json - In dieser Datei sind wohl alle Variablen und Werte festgelegt, die man über den Shopify-Editor so einstellen kann. Hier findet man auch die global hinterlegten Farbwerte für den Footer und die Footer-Schrift.
{"current": {
//.... anderer Code
"color_footer": "#0050aa",
"color_footer_text": "#ffffff",
//.... anderer Code
footer.liquid - Der Footer müsste also die Daten von settings_data.json erhalten und "umsetzen"
theme.liquid - In dieser Datei wird der Footer mit folgender Anweisung auf alles Seiten geladen.
{%- section 'footer' -%}
Meine Frage nun: Gibt es eine "Überschreiben"-Anweisung, welche ich in ein Product-Page-Template (product.product-name.json) setzen kann, sodass die Werte von "color_footer" und "color_footer_text" (aus settings_data.json) für den Footer auf dieser eine Seite überschrieben werden ? Sodass sich, wie oben beschrieben, die Farbe des Footers auf genau dieser einen Product-Page ändert.
Vielen Dank im Voraus & beste Grüße
@usersoly1200 theoretisch könnte man den Code so umgestalten, dass der...
1. prüft, ob es sich bei der aktuellen Seite um eine Produktseite handelt...
Wenn ja, dann
2. Prüft, ob das Produkt einen Farbwert als Metafeld hinterlegt hat
Wenn ja, soll der Farbwert im Footer angezeigt werden.
Hierbei muss allerdings das Product.Object in den Footer übertragen werden...
Das ist der Punkt, bei dem ich mir nicht sicher bin, ob das so einfach ist. Aber vielleicht weiß jemand das hier in der Community.
Hallo,
vielen Dank für die Antwort.
Das klingt nach einem guten Ansatz über Metafelder zu gehen! Es würde uns auch enorm in der Zukunft helfen, unterschiedliche Looks für unterschiedliche Produkte zu verwenden.
Wir wären von jeder Lösung angetan, die wir selbst umsetzen könnten.
Beste Grüße
Hallo nochmal zusammen,
hat vielleicht noch jemand eine Idee?
Oder einen Hinweis, den von @Finer vorgeschlagenen Ansatz so umzusetzen?
Wir danken!
Teil 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, 2024Du willst also das Dropshipping betreiben, da du einen Shop starten möchtest, ohne selb...
By Gabe Jul 10, 2024