Konfiguration erweitern

Individuelle Einstellungsmöglichkeiten im Child-Theme

Im vorherigen Beitrag habe ich dir erklärt, wie du ein Child-Theme anlegst. Die mitgelieferte theme.json Datei kannst du um ein weiteres Feld erweitern:

In der offiziellen Entwickler-Dokumentation von Shopware findest du die möglichen Konfigurationsfelder.

Tipp: Schau einfach im Haupt-Theme nach, dort kannst du dich an bestehenden Feldern orientieren.

Beispiel für ein zusätzliches Farbfeld

Im Folgenden Beispiel füge ich ein Farbfeld in die Konfiguration ein, das du dann aus deiner Administration heraus nutzen kannst. Das Farbfeld wird auch als Beispiel in einem der folgenden Schritte als CSS kompiliert:

Individuelles SCSS

Füge diesen Content an der entsprechenden Stelle in deiner theme.json Datei ein.

https://github.com/rhwebdesign/RHWebChildThemeTemplate/blob/master/src/Examples/_exampleColorField.json

{
  "configInheritance": [
    "@ParentThemeNamespace"
  ],
  "config": {
    "rhweb-custom-color-field": {
      "label": {
        "en-GB": "Individial Color Field",
        "de-DE": "Individuelles Farbfeld"
      },
      "helpText": {
        "en-GB": "",
        "de-DE": ""
      },
      "type": "color",
      "editable": true,
      "scss": true,
      "value": true,
      "tab": "tabName",
      "block": "blockName",
      "section": "sectionName",
      "order": 100
    }
  }
}

Die SCSS Variable $rhweb-custom-color-field kannst du jetzt in deinem Code verwenden.

Weitere Informationen zur Theme-Konfiguration erhältst du in der offiziellen Dokumentation von Shopware.