Theme Konfiguration
Hier bekommst Du ein paar Tipps im Umgang mit der Theme-Konfiguration
Last updated
Hier bekommst Du ein paar Tipps im Umgang mit der Theme-Konfiguration
Last updated
In der Theme-Konfiguration können gelegentlich auch Variablen in den Farbfeldern auftauchen und so ein einheitliches Aussehen des Farbschemas vereinfacht werden. Häufige Variablen sind:
Variable | Funktion |
---|---|
| Primärfarbe des Shops |
| Sekundärfarbe des Shops |
| Textfarbe des Shops |
| Rahmenfarbe, meist ein Grauton |
| Hintergrundfarbe der Seite |
| Hintergrundfarbe des Shop-Containers |
Den Namen einer jeden Variable findest Du in jedem Hilfe-Tooltip der Theme-Einstellungen.
In den Farbfeldern der Theme-Konfigurationen dürfen sogar einfache SCSS-Funktionen genutzt werden. So können beispielsweise Farben aufgehellt oder abgedunkelt werden.
verdunkelt die Farbe der Variable um 10%
Es können auch mehrere Funktionen auf eine Variable oder Farbe angewendet werden. In diesem Beispiel wird die Primärfarbe des Shops um 10% aufgehellt und um 15% in der Sättigung reduziert.
Um zu vermeiden, dass bei einem Mouseover der Hintergrund einfärbt, setze einfach die Background:hover
auf die selbe Farbe wie Background
. Das ist insbesondere bei den Navigationen der Fall.