Neu NOVA Child boxed - Warenkorb auf Desktop zu eng

Garten-Nutzer

Sehr aktives Mitglied
3. Juni 2019
132
47
Hallo zusammen,

wir haben ein NOVA Child Template in Bearbeitung, dass NOVA auch auf einem Desktop Monitor vernünftig aussieht und nicht über die volle Breite geht. Dies klappt ja dank des "#main-wrapper" Befehls ganz gut. Bis man jedoch zum Warenkorb kommt. Hier ist es nicht gut.

Problem 1:
Die Auswahl der Menge von Artikel X im Warenkorb ist viel zu groß:
Warenkorb-Stück.JPG

Wir reden hier von einem FullHD (1920x1080) Monitor in 27 Zoll bei natürlich 100 % Skalierung. Ja die "-" und "+" Kästen sind in der Höhe doppelt so groß wie der Mauscursor.
Klar das liegt auch an der Tatsache, dass der Content in dem Fall "nur" 1.170 Pixel breit ist und hier noch die Linke Seitenleiste reinpassen muss.
Man sieht aber auch, dass der Abstand zwischen der Artikelübersicht und der Zusammenfassung rechts viel zu groß ist.

Lösung:
Im Child-Template reinschreiben:
Code:
@media (min-width: 992px) {
.col-lg-7 {
    flex: 0 0 65%;
    max-width: 65%;
    }

.col-lg-5 {
    flex: 0 0 35%;
    max-width: 35%;
    }
}

Damit löst man zwar das Problem, dass die beiden Kästen in einer Reihe sind, aber die sind noch immer viel zu groß. Wie man die bitte verkleinern? Stehe wohl vor einer Wand und sehe es nicht.

Problem 2:
Rechts bei "Zwischensumme" wird diese trotz genug Abstand getrennt:
Warenkorb-Zwischensumme.JPG
Lösung:
Im Child-Template einfügen:
Code:
.card {
    word-wrap: normal;
}

Ursache ist übrigens auch hier, dass das NOVA Template etwas "besonders" ist, wenn man einen #main-wrapper gesetzt hat + die Seitenleiste nutzt. Wenn man diese nicht nutzt, dann hat man diese Probleme nicht. Falls ihr das möchtet, also die Linke Seitenleiste im Warenkorb weg:
Adminbereich -> Standardelemente -> Footer/Boxen -> Bei Seite: "Warenkorb" auswählen -> Den Haken bei "Linke Seitenleiste" weg machen -> Speichern

Bleibt trotzdem noch die Frage, wie kann ich die Buttons im Warenkorb verkleinern? Kann man alternativ das Dropdown vom EVO wieder haben? Lauf CSS-Referenz ist das sogar ein "qty-wrapper dropdown".

Vielen Dank schon einmal für die Antworten.

Gruß
Garten-Nutzer