Template-Einstellungen
- Fabian Lemm
- Bernhard Becker
- Stefan Bleilevens
Ist das Premium-Template-Modul für alle oder einen Shop aktiviert, so stehen im Shop weitergehende Template-Einstellungen zur Verfügung. Diese können über den Navigationspunkt "Templateanpassungen" im Aktionsmenü innerhalb der Verwaltung erreicht werden:
Grundeinstellungen
In den Grundeinstellungen des Templates können 3 Angaben gemacht werden, die die grundlegende Darstellung des Shops beeinflussen→
| Einstellung | Beschreibung |
|---|---|
| Templateauswahl | Je nach aktiviertem Modul, kann hier zwischen den aktivierten Templates gewechselt werden. Ist das Premium-Template nur für einzelne Shops aktiviert, kann hier keine Änderung vorgenommen werden. |
| Hintergrundbild für Login | Hier kann ein Bild hinterlegt werden, das dem Benutzer im Loginbereich vollflächig im Hintergrund angezeigt wird. |
| Infotext Top Header | Kurzer Infotext, der im Kopfbereich jeder Unterseite dargestellt wird. |
| Social Media | Die hier eingetragene Social-Media-URL mit einem vorangestellten "https://" hinterlegt werden. Die entsprechend ausgefüllten Icons erscheinen dann im Header-Bereich Ihres Frontends. WhatsApp: entweder kann hier eine Telefonnummer ohne führende 0 angegeben werden, oder eine URL. Bei einer URL ist im Whatsapp Feld nur erlaubt, wenn diese mit folgenden Domains starten:
|
Farbeinstellungen
Die Farbeinstellungen des Templates werden global auf das gesamte Template angewendet.
CSS-Angaben
In den CSS-Angaben besteht die Möglichkeit, eigene CSS-Dateien zu hinterlegen, um das Shopdesign individuell zu beeinflussen. Diese Dateien können anschließend im Browser bearbeitet, kopiert und wieder entfernt werden.
Aus Gründen der Performance werden alle Designeinstellungen (Farbeinstellungen und CSS-Angaben) in einer custom-css-Datei zusammengefasst und im Frontend ausgegeben.
Wenn Sie Schriftarten für Ihr Frontend bereitstellen möchten, können Sie die gewünschte Schriftart im Backend unter Verwaltung → Einstellungen → Dateimanager hochladen.
Haben Sie beispielsweise Ihre gewünschte Schriftart hochgeladen, können Sie diese im ersten Schritt definieren. Als URL für das font-face Konfiguration gilt in diesem Fall 'm/s/testFont-regular.ttf'.
@font-face { font-family: 'testFont'; src: url('/m/s/testFont-regular.ttf') format('truetype'); }
body {
font-family: 'testFont', sans-serif;
}