Sie finden den User Styles Editor in Ihrem JTL-Shop Backend unter:
Installierte Plugins
> admorris PRO > Layout & Design > User Styles
Es ist möglich, externe Schriftarten per User Styles einzubinden, allerdings bietet admorris Pro bereits eine umfangreiche Auswahl an Schriftarten an.
admorris Pro stellt hier eine Vielzahl von Variablen zur Verfügung die in den User Styles verwendet werden können. Einige der wichtigsten Variablen werden in diesem Beitrag erwähnt.
Dieser Button kompiliert nur den bereits vorhandenen Code am Server. Dies ist vor allem sehr nützlich, wenn das User Styles File in einem externen Editor bearbeitet wird und nicht im Backend des Shops.
Mit diesem Button können die User Styles gespeichert und kompiliert werden.
Hier listen wir die wichtigsten Variablen von admorris Pro für
die User Styles.
Diese Variablen sind in der Sektion Global konfigurierbar:
@brand-primary (Primärfarbe)
@btn-primary-bg (Buttonfarbe)
@btn-primary-color (Buttontext)
@link-color (Linkfarbe)
@headings-color (Headlines)
@text-color (Text)
@body-bg (Hintergrund)
@font-family-base (Schriftart)
@headings-font-family (Schriftart Headlines)
@font-size-base-px (Basisschriftgröße)
@font-size-h1, @font-size-h2, @font-size-h3, @font-size-h4, @font-size-h5, @font-size-h6 (Schriftgrößen Überschriften)
Folgende Variablen sind ebenfalls sehr nützlich:
@link-hover-color (Link Hover Farbe)
@tone-10, @tone-25, @tone-50 (Textfarbe mit 90%, 75% und 50% Transparenz)
@screen-xs, @screen-sm, @screen-md, @screen-lg (Breakpoints für verschiedene Bildschirmbreiten)
@mobile-nav-breakpoint (Mobiler Breakpoint)