In der Konfiguration des Themes im Theme-Manager stehen dir verschieden artige Feldtypen zur Verfügung. Im Folgenden geben wir dir eine Übersicht und erklären, wie welcher Feldtyp verwendet wird und welche Werte er enthalten kann.
Wichtig: Bitte achte darauf, dass alle Konfigurationsfelder valide konfiguriert sind! Leere Felder sind i.d.R. nicht "zulässig" (Ausnahme: Medienauswahl).
Fehlerhaft befüllte Konfigurationsfelder können zu Darstellungsfehlern führen oder das Speichern der Konfiguration verhindern.
Tipp: Im findest du zu jedem Konfigurationsfeld einen passenden Beispielswert an dem du dich orientieren kannst.
Das Nummernfeld kann ausschließlich Zahlen enthalten. Die möglichen Zahlen können vom Feld limitiert sein.
Beispiel-Werte: 10, 0, -10, etc.
Über die Farbauswahl kannst du ganz bequem eine Farbe auswählen. Alternativ kannst du auch direkt einen eintragen.
Beispiel-Werte: #000000 oder rgba(0, 0, 0, 0.9)
In der Regel wird der Wert einer Farbkonfiguration als CSS-Eigenschaft color (ggf. background-color) genutzt. Diese Eigenschaft kann folgende Werte annehmen:
Farbnamen (red, blue, black, …)
Hex-Werte (#ff0000)
none ist kein valider Wert für die CSS-Eigenschaft color (Textfarbe)
Hier kannst du über die Medienverwaltung ein Bild hochladen (wenn noch nicht vorhanden) und dann auswählen.
Beispiel-Werte: "Medium selektiert" oder "Medium zurückgesetzt"
Bei dem Select (Dropdown-Auswahl) kannst du einen der zur Verfügung stehenden Werte auswählen.
Beispiel-Werte: -
Ein einzeiliges Textfeld, welches theoretisch jeden Inhalt erlaubt. Hier kommt es darauf an, in welchem Zusammenhang der Inhalt verwendet wird. Häufig werden hier Abstände oder Breiten angegeben, die dann zusätzlich "px" oder "%" angehängt benötigen. In seltenen Fällen kann hier HTML hinterlegt werden.
Beispiel-Werte: Text, <html>..</html>, 10px, 50%, etc.
Ein Konfigurationsfeld "Schriftart" kann eine CSS Eigenschaft enthalten. Die hier eingetragene Schrift muss für den Besucher verfügbar sein und entweder zu den websicheren Fonts (z.B. Times, Times New Roman, Georgia, Helvetica, Arial, Verdana) gehören oder als in die Storefront eingebunden sein.
Beispiel-Werte: 'Inter', sans-serif
Hier kannst du ein Datum und eine Uhrzeit auswählen
Beispiel-Werte: 2021-01-01 01:00
Anleitung:
Anleitung:
rgb(255, 0, 0), rgba(0, 0, 0, 0.5))Schlüsselwörter wie transparent, currentColor, inherit, initial, unset
Hinweis: Der Wert "0" war in Shopware 6 lange Zeit technisch nicht möglich, deswegen nutzt ThemeWare® oft den Wert "1" statt "0". Die "1" wird in diesem Fall automatisch durch eine "0" ersetzt.
Hinweis: Der Wert "transparent" ist ebenfalls möglich und wird bei manchen Elementen zum "Ausblenden" statt "durchsichtig machen" genutzt.
Tipp: Nutze im Zweifelsfall immer einen Hex- oder RGBA-Wert den der Shopware-Farbwähler generiert und prüfe deine Eingabe mit der "Validieren"-Option im "Speichern"-Button der Theme-Konfiguration.
Hinweis: Durch einen Shopware Bug konnten Media-Felder eine Zeit lang nicht geleert werden, darum findest du beispielsweise bei Media-Feldern für Hintergrundbilder zusätzlich ein Dropdown um die Darstellung in der Storefront aktivieren/deaktivieren zu können.
Hinweis: Orientiere dich immer am Originalinhalt. Angaben wie "px" oder "%" sind nicht immer nötig. Beachte stets den Hilfe-Text für mehr Informationen zu validen Werten.
Hinweis: Mehrere Fonts sind in diesem Feld derzeit nicht vorgesehen. Der Inhalt muss immer ein Font inkl. Fallback-Font sein.