Liquid, JavaScript, Themes
Hallo,
ich würde gern die Hintergrundfarbe auf den Richtlinien- Seiten und der Login-Seite auf weiß und die Schriftfarbe auf schwarz ändern. Wie ist der CSS-Code dafür?
Lieben Dank vorab!
Hey @leolha
Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren, sowie zu wissen um welches Theme es sich handelt da alle Theme ja unterschiedlich im Code und den CSS Anforderungen sind.
Shopify ermöglicht es dir, verschiedene Farbschemas in den Theme-Einstellungen zu definieren. Du kannst diese Schemas verwenden, um einheitliche Farben auf deinem Online-Shop anzuwenden. Dies beinhaltet auch die Hintergrundfarbe von bestimmten Abschnitten deines Shops. Dazu gehst du im Shopify-Adminbereich zu "Onlineshop" > "Themes", wählst dein Theme aus und klickst auf "Anpassen". Im Bereich "Farben" kannst du dann ein vorhandenes Farbschema auswählen oder ein neues hinzufügen, wobei du die Hintergrundfarbe entsprechend ändern kannst.
Nicht vergessen, falls das ein Shopify Theme ist können wir dir auch kleine Anpassungen machen aufgrund deines 60-Min Design Time (mehr dazu hier).
Ansonsten:
Wenn die direkte Anpassung im Theme-Editor nicht ausreicht oder spezifische Seiten wie die Richtlinien-Seite angepasst werden sollen, kannst du den Code deines Dawn Themes bearbeiten, wie z. B. die JSON-Templates und Abschnitts-Einstellungen verwenden, um spezifische Anpassungen vorzunehmen. Hierbei ist jedoch Vorsicht geboten, da fehlerhafte Code-Änderungen zu unerwünschten Ergebnissen führen können. Ausserdem, wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das Ganze ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!
In einigen Fällen, wie in der Shopify Community diskutiert, kann es hilfreich sein, spezifische Code-Snippets zu verwenden, um die Hintergrundfarbe zu ändern. Ein Nutzer hat zum Beispiel versucht, mit dem CSS-Snippet div { background-color: #ff0000; }
die Farbe zu ändern, was jedoch zu dem Problem führte, dass das Produktbild verschwand.
In solchen Fällen kann es also nützlich sein, spezifische Hilfe von der Community im Design Forum hier von unseren Shopify-Experten zu suchen.
Hoffe das hilft dir weiter! 😉
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