In diesem Abschnitt findest du alles was mit dem Schriftbild deines Online Shops zu tun hat. So kannst du hier Fließtext, Überschriften und Links nach deinen Vorstellungen anpassen.
Konfiguration
Schriftart Text
An dieser Stelle hinterlegst du die Schriftart für deinen Fließtext. Der Name der Schriftart muss hierbei in einfachen Anführungszeichen stehen. Standardmäßig ist hier die Schriftart 'Open Sans' integriert.
Anschließen empfiehlt es sich immer kommagetrennt mit system-ui, sans-serif oder system-ui, serif abzuschließen. Dies ist die Browser Ausweichschriftart, falls die eigentliche Schriftart nicht geladen werden konnte. Je nachdem ob du eine serifen oder serifenlose Schriftart hinterlegst, wählst du den entsprechenden Wert.
Bitte beachte, dass sich die Schriftart, welche du verwenden möchtest, auch auf deinem Server befindet. Diese lässt sich entweder händisch oder mit einer App aus dem Shopware Store hochladen. Eine direkte Einbindung über einen Google Link empfehlen wir aus datenschutzrechtlichen Gründen nicht. Voreingestellte verfügbare Schriftarten sind: 'Open Sans', 'Raleway' und 'Inter'.
Textfarbe
Dies ist die verwendete Schriftfarbe für deinen Fließtext im Shop.
Schriftart Überschrift
An dieser Stelle hinterlegst du die Schriftart für deine Überschriften. Der Name der Schriftart muss hierbei in einfachen Anführungszeichen stehen. Standardmäßig ist hier die Schriftart 'Raleway' integriert.
Anschließen empfiehlt es sich immer kommagetrennt mit system-ui, sans-serif oder system-ui, serif abzuschließen. Dies ist die Browser Ausweichschriftart, falls die eigentliche Schriftart nicht geladen werden konnte. Je nachdem ob du eine serifen oder serifenlose Schriftart hinterlegst, wählst du den entsprechenden Wert.
Bitte beachte, dass sich die Schriftart, welche du verwenden möchtest, auch auf deinem Server befindet. Diese lässt sich entweder händisch oder mit einer App aus dem Shopware Store hochladen. Eine direkte Einbindung über einen Google Link empfehlen wir aus datenschutzrechtlichen Gründen nicht. Voreingestellte verfügbare Schriftarten sind: 'Open Sans', 'Raleway' und 'Inter'.
Überschriftfarbe
Dies ist die verwendete Schriftfarbe für deine Überschriften im Shop.
Link Style
Unterstrichen:
Unterstrichen mit Animation:
Link Farbe
Dies ist die verwendete Schriftfarbe für deine Links im Shop.
Link Dekorations Farbe
Die Link Dekorations Farbe stellt die Farbe der Unterstreichung deiner Links dar.
Kontrast Schwellenwert
Das Kontrastverhältnis bestimmt, wann die Helligkeit der Farbe von "dunkel" zu "hell" wechselt.
Akzeptable Werte der Web Content Accessibility Guidelines (WCAG) 2.0 sind 3, 4.5 und 7. Dieser Wert berechnet, wann eine Vordergrundfarbe auf einem Hintergrund "dunkel" oder "hell" dargestellt wird. Beispielsweise errechnet sich so die Textfarbe auf einem Primärbutton.
$sw-text-color
$sw-headline-color
Das Theme bietet dir die Möglichkeit deine Links in unterschiedlichen Designs darzustellen. Diese wirken sich ins besondere auf den aus. Diesen kannst du dir bspw. auf der am Hinweis "Preise inkl. MwSt. zzgl. Versandkosten" ansehen.
