HILFE! $grid-breakpoints erweitern funktioniert nicht!

Shopware 6 (German) Themes & Design
1

Hallo Zusammen,

ich habe in der “override.scss” die SASS/Bootsrap Variable $grid-breakpoints überschrieben, bzw. mit zwei neuen Werten versehen:

$grid-breakpoints: (
        “xs”: 0,
        “sm”: 576px,
        “md”: 768px,
        “lg”: 992px,
        “xl”: 1200px,
        “xxl”: 1600px,         “fullhd”: 1920px );

Das funkioniert aber nur wenn ich in der DEV Umgebung den Hot-Reload Modus benutze. Da ist alles gut und es macht was es soll.

Sobald ich alles final builde werden die neuen Werte NICHT übernommen! Es sieht so aus, als ob das Überschreiben von Maps überhaupt nicht funktioniert. Weder werden die neuen Werte für z.B. @include media-breakpoint-up(xxl) genutzt, noch werden z.B. “col-xxl…” Klassen generiert. Im HRM funktioniert das alles fein, aber nicht final!

Weiß hier irgendwer Rat? Ich weiß echt nicht mehr weiter :frowning:

SW-Version: 6.3.4.1

Verzweifelter Dank,
devnullroot

2

Gibt es keine Lösung dafür?

Das Problem habe ich auch.

Wenn ich in overrides.scss folgendes schreibe bekomme ich immer eine Fehlermeldung in der Console und der ImageSlider auf der Detailsseite funktioniert nicht.

$grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1200px,
        xxl: 1440px,
        xxxl: 1600px,
        xxxxl: 1920px
);

Fehlermeldung:

all.js?1613218518777464:3 TypeError: Cannot convert undefined or null to object
    at Function.keys ()
    at s (all.js?1613218518777464:2)
    at u (all.js?1613218518777464:2)
    at c (all.js?1613218518777464:2)
    at Function.value (all.js?1613218518777464:5)
    at e.value (all.js?1613218518777464:5)
    at e.value (all.js?1613218518777464:5)
    at e.value (all.js?1613218518777464:5)
    at e.value (all.js?1613218518777464:3)
    at e (all.js?1613218518777464:3)
(anonymous) @ all.js?1613218518777464:3