Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Layout → Theme → (aktives Theme) bearbeite

Default

Base Theme

Image RemovedImage Added



Inhalt

Table of Contents

Die Einstellungen des Themes lassen sich einfach exportieren und importieren.


Load color schemeKann aus vordefinierten Farb-Variationen gewählt werdenExport color schemeExportiert die aktuelle Version als .less dateiImport color schemeImportieren einer .less datei
Farben im Kategorien-Menü
GrundfarbenHauptfarben wie Hintergrund, Links und H1-Titel
ButtonsFarbe und Rahmen Hauptbutton
Top-NavigationGrundfarben

Hauptfarben für diverse Elemente

TypografieBasis Schriftgrösse allgemein im Shop und den Headings
LinkStyling von Links
Navbars TopFarben der obersten Navigationszeile mit Startseite, Firma, usw.Kopfzeilen-DarstellungTitelleisten in allen wichtigen Bereichen wie Startseite, Filter-Boxen bei Produktlisten, Einkaufsliste, Konto, Checkout-Prozess
Kategorie MenuFarben der verschiedenen Elemente im Kategoriemenu
Offcanvas-MenuHauptsächlis Hintergrundfarbe für das Mobile Menu
FooterFarben von Hintergrund unter und Schrift in der Fusszeile des Webshops
Rahmen, Eckradius, FächenRunde oder eckige Darstellung der Boxen
Widgets CardsAllgemeine Farbanpassungen für die Card WidgetsKategorien
ButtonsFarbe und Rahmen Hauptbutton
Produkte & KategorienStyling für gewisse Punkte bei Produkten und Kategorien
Custom CSSEigene CSS-Definitionen eintragen. 
PriorityAngabe, wie "wichtig" ein Theme ist. Je kleiner die Zahl, desto wichtiger und eher wird es als Standard angezeigt. Die Mobile Variante soll immer die Höchste Priorität haben (Priority 0)
Favicon

Icon im Tap der Seite. 

Das Favicon soll 16×16 oder 32×32 Pixel grosses Symbol sein. 

Image Modified


Note

Für die Fixfertigen Themen gelten die gleichen Definitionen wie bei den Default-Themen, es können aber wenigere Einstellungen vorgenommen werden.



Mobile Theme





Tip

Farben richtig definieren: HEX-Farben

Die Farben müssen als HEX-Farben hinterlegt werden wie z.B. #CC0000.
Vergessen Sie nicht, vor den HEX-Farbcode den Gartenhag zu stellen.

→ Hilfe zur Definition der HEX-Farben