#2180 Theme-Variablen in der Konfiguration verwenden

In der Theme-Konfiguration wirst du gelegentlich Variablen in Farbfeldern finden. Dies vereinheitlicht das Farbbild deiner Storefront und erleichtert dir das Farbbild an deine Wünsche anzupassen.


Für Variablen gibt es zwei relevante Schreibweisen:

  1. Shopware-Variablen:
    • $sw-color-brand-primary = Primärfarbe in der Storefront
    • $sw-color-brand-secondary = Sekundärfarbe in der Storefront
    • $sw-text-color = Textfarbe in der Storefront
    • $sw-background-color = Hintergrundfarbe in der Storefront
    • usw.
  2. ThemeWare®-Variablen:
    • $twt-color-brand-primary-light = Eine helle Nuance der Primärfarbe
    • $twt-color-brand-primary-dark = Eine dunklere Nuance der Primärfarbe
    • $twt-color-brand-secondary-light = Eine helle Nuance der Sekundärfarbe
    • $twt-color-brand-secondary-dark = Eine dunklere Nuance der Sekundärfarbe
    • usw.


Variablen finden

Die Variable für jedes Konfigurationsfeld findest Du schnell über unsere Feldsuchmaschine. Gib dort einfach die Bezeichnung eines Feldes und ggf. den Bereich in dem du suchen möchtest ein (z.B. "typografie headline textfarbe") und schon findest du das passende Konfigurationsfeld bzw. passende Konfigurationsfelder. 

Die Variablen sind als "Technischer Name" für jedes Feld aufgelistet.


Variablen verwenden

Variablen kannst du in nahezu allen Farbfeldern benutzen.


Es gibt eine Ausnahme: In Shopware Standard-Konfigurationsfeldern lassen sich aufgrund der Theme-Vererbung keine ThemeWare®-Variablen ($twt...) nutzen. Entsprechende Felder haben wir über die Hilfe-Tooltips kenntlich gemacht.




SCSS-Funktionen (für erfahrene Anwender)

In Farbfeldern der Theme-Konfiguration kannst du auch einfache SCSS-Funktionen nutzen. Mehr dazu findest du in unserem Artikel "SCSS-Funktionen in der Konfiguration verwenden". (Link siehe unten)



Weiterführende Links:


Bitte teile uns deine Meinung mit!

Danke, das hat mir geholfen
Hat mir nicht geholfen

0307ba4da78afabf19c3e26efb2b66ac
Kurz die Cookies, dann geht's weiter...
Auch diese Seite nutzt die üblichen Arten von Cookies: Technische und funktionale Cookies sind unbedingt nötig,damit diese Website überhaupt funktionieren kann.Zusätzlich nutzen wir Marketing-Cookies,damit wir dich auf unseren Seiten wiedererkennen und unsere Website und Kampagnen stets verbessern können, sowie Personalisierungs-Cookies mit denen wir dich, auch außerhalb dieser Website, besser ansprechen können.

Mit der Auswahl "Akzeptieren und Schließen" erlaubst Du uns die Verwendung dieser Cookies und Technologien. Bitte besuche unsere Datenschutzerklärung für weitere Informationen. Dort erfährst Du auch wie wir die Daten für erforderliche Zwecke (z. B. Sicherheit) verwenden.

Hier kannst du einstellen, welche Cookies du zulassen möchtest.

Technisch erforderlich

Wir nutzen Cookies, um die Bedienung und die Bereitstellung der Website zu ermöglichen und um sicherzustellen, dass bestimmte Funktionen ordnungsgemäß funktionieren. Diese Cookies sind immer aktiviert, da Du die Website sonst nicht ordnungsgemäß bedienen könntest.

Marketing

Die TC-Innovations GmbH und unsere Werbepartner (einschließlich Social Media-Plattformen wie Google, Facebook und Instagram) nutzen Tracking, um Dir personalisierte Angebote anzubieten, die Dir das volle Nutzererlebnis bieten. Dies beinhaltet das Anzeigen von "Direktwerbung auf Werbeplattformen Dritter", wie in der Datenschutzerklärung beschrieben. Wenn Du dieses Tracking nicht akzeptierst, wirst Du dennoch zufällige Werbeanzeigen von uns auf anderen Plattformen angezeigt bekommen.

Analyse

Um unsere Websites und Services stetig zu verbessern, analysieren wir das Nutzerverhalten auf unseren Websites.

Mehr Informationen findest du in unserer Datenschutzerklärung.

SpeichernCookie-EinstellungenAkzeptieren und Schließen