Bootstrap Variable ersetzen in ChildTheme

Shopware 6 (German)
1

Hallo,
weiß jemand wie ich in ChildTheme die BootstrapVariablen ändern kann, die bereits in dem ParentTheme geändert worden sind?

Von dem was ich sehe, ist das gar nicht möglich.

Im ParentTheme werden bereits von mir BootstrapVariablen angepasst. Zum Beispiel:

$font-size-base: 0.8125rem; // in rem

Wenn ich jetzt in ChildTheme in overrides.scss die gleiche Variable ändere passiert nichts.

theme.json sieht so aus:

  "views": [
     "@Storefront",
     "@Plugins",
     "@ParentTheme",
     "@ParentThemeExtend"
  ],
  "style": [
    "app/storefront/src/scss/overrides.scss",
    "@ParentTheme",
    "app/storefront/src/scss/base.scss"
  ],

Nach child overrides.scss wird ParentTheme geladen. Dort ist auch ein overrides.scss enthalten und überschreibt die von child.

Die child overides.scss nach ParentTheme laden macht auch keinen Sinn, da die Variablen aus parent overrides.scss bereits vorher benutzt werden.

Hat jemand eine Idee? Ist das ein Fehler und bei SW bekannt?

2

Stehe gerade vor dem selben Problem. Nur, dass bei mir im ParentTheme die Variablen eigentlich nicht überschrieben werden. trotzdem funktioniert meine overrides.scss nicht.

"style": [
    "app/storefront/src/scss/overrides.scss",
    "@Storefront",
    "@SsikLibertyTheme",
    "app/storefront/src/scss/base.scss"
  ],

und in der overrides.scss teste ich zum Beispiel:

$h1-font-size: 14rem;

funktioniert nicht!

aber

$h1-font-size: 14rem !important;

funktioniert!

Finde den Fehler.

3

Ich persönlich haben bei unseren Themes diese Datei entfernt und schreibe alles konsequent in die base.scss und kann dort ohne Probleme ggf. auch Variablen überschreiben.

4

Nee, das habe ich auch schon probiert. Erst wenn ich ein !important dahinter setze, wird die Variable überschrieben.