SucheEnglishSupport anfordern

Feldtypen in der Theme-Konfiguration

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 ThemeWare® Config-Finder findest du zu jedem Konfigurationsfeld einen passenden Beispielswert an dem du dich orientieren kannst.

Übersicht

Nummernfeld (number)

Das Nummernfeld kann ausschließlich Zahlen enthalten. Die möglichen Zahlen können vom Feld limitiert sein.

Beispiel-Werte: 10, 0, -10, etc.

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.

Farbauswahl (color)

Über die Farbauswahl kannst du ganz bequem eine Farbe auswählen. Alternativ kannst du auch direkt einen hexadezimalen Farbcode eintragen.

Beispiel-Werte: #000000 oder rgba(0, 0, 0, 0.9)

Valide Werte

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)

  • RGB / RGBA (rgb(255, 0, 0), rgba(0, 0, 0, 0.5))

  • Schlüsselwörter wie transparent, currentColor, inherit, initial, unset

Hinweis: Der Wert "transparent" ist ebenfalls möglich und wird bei manchen Elementen zum "Ausblenden" statt "durchsichtig machen" genutzt.

Invalide Werte

  • none ist kein valider Wert für die CSS-Eigenschaft color (Textfarbe)

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.

Medienauswahl (media)

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"

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.

Select (text + custom-options)

Bei dem Select (Dropdown-Auswahl) kannst du einen der zur Verfügung stehenden Werte auswählen.

Beispiel-Werte: -

Textfeld (text)

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.

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.

Schriftart (fontFamily)

Ein Konfigurationsfeld "Schriftart" kann eine CSS font-family 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 @font-face in die Storefront eingebunden sein.

Beispiel-Werte: 'Inter', sans-serif

Hinweis: Mehrere Fonts sind in diesem Feld derzeit nicht vorgesehen. Der Inhalt muss immer ein Font inkl. Fallback-Font sein.

Datum & Uhrzeit (datetime)

Hier kannst du ein Datum und eine Uhrzeit auswählen

Beispiel-Werte: 2021-01-01 01:00

Weiterführende Informationen

PreviousFarbkonfigurationsfeldNextSchriftkonfigurationsfeld

Last updated

Was this helpful?