Neu NOVA: Unterschiedliche Bildhöhen in einer Zeile

deliwelt

Gut bekanntes Mitglied
17. Januar 2013
120
18
Hallo,
Ausgangssituation: im OPC habe ich einen Container angelegt, darin ein 2:1 Grid mit zwei Bildkomponenten. Die Bilder sind exakt gleich hoch und das linke Bild ist exakt doppelt so breit wie das rechte.
Blöderweise werden trotzdem die Bilder in einer unterschiedlichen Höhe angezeigt. Es sind keine weiteren CSS Einstellungen im Container/Grid/Bild angelegt...

Vielleicht hat jemand eine Idee woran da liegen kann.

Gruß Michael
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.336
482
Hallo @deliwelt

das ist defintiv ein interessantes Verhalten. Das Problem liegt darin begründet, dass der padding der columns in denen die Bilder liegen wohl mit eingerechnet wird. Eine Lösung wäre diesen padding auch zu halbieren. Du könntest z.B. dem Grid-Portlet eine benutzerdefinierte Klasse geben (im tab Layout, z.B grid-2-1) und in deiner custom.css folgendes eintragen:
CSS:
.grid-2-1 .col-xl-4 {
    padding-left: 0;
}
Ich weiß spontan nicht ob man das irgendwie noch besser lösen kann..

Viele Grüße
Michael
 

roots

Aktives Mitglied
9. April 2018
82
11
Hallo,
Ich teste gerade das Nova Template mit Shop 5, da wir demnächst upgraden wollen. Leider besteht das Problem immer noch.
Ich habe es mit Flip Cards und Bildern versucht. Diese liegen auch jeweils in einem Grid-Layout in einem Container.

Da die Bilder / Flipcards in Zukunft Variabel sein sollen, so dass das Grid-Layout nach Bedarf geändert wird, wäre es nicht praktikabel für alle Möglichkeiten eigene Klassen anzulegen.

Was wären alternative Möglichkeiten, bzw. ist es geplant an diesem Verhalten etwas zu ändern?
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.547
2.087
Berlin
Das ist dir im April aufgefallen und bis heute nicht gelöst, da du nicht weiter aktiv geworden bist.
Wenn das so lange her ist, dann kann das ja nicht so schlimm sein :)

Hättest du einen Link zu dem Problem gepostet, hätte man dir bestimmt helfen können.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Frage zur ersten Seite des Nova-Template (Demoseite) und wie man diese abschaltet Allgemeine Fragen zu JTL-Shop 2
Neu Nova Template - Kategoriemenü links Hintergrund andere Farbe und Balken umfärben Templates für JTL-Shop 5
Neu Nach Aktivierung Nova Template - Fatal error: Uncaught TypeError: JTL\Template\Model::getTemplateType() Templates für JTL-Shop 5
Neu Ändern der Header-Einstellungen im NOVA-Template ziehen nicht Templates für JTL-Shop 1
Neu Anfrage für CSS Anpassung Nova Childtemplate Dienstleistung, Jobs und Ähnliches 1
Änderungen aus Child-Template Einstellungen (Nova-child) werden nicht übernommen (Footer/Header) Einrichtung JTL-Shop5 3
Neu Sprachauswahl mit Flaggen Shop 5.4 Nova Template Templates für JTL-Shop 10
Social Media Links und Icons in den Header, Nova Template, Child vorhanden Einrichtung JTL-Shop5 0
Neu Nova Template Bild loeschen Templates für JTL-Shop 1
Neu Nova Template - Filter Eigenes Fenster Hintergrundfarbe ändern + Kategoriebilder Mobil anzeigen lassen Templates für JTL-Shop 0
Neu Placeholder Schriftfarbe Suchfeld Nova Templates für JTL-Shop 2
Neu Kunde zusammenführen - Fehler: Die Kunden haben unterschiedliche Konten im selben Onlineshop JTL-Wawi - Fehler und Bugs 0
Neu unterschiedliche Mindestabnahmemenge pro Webshop (oder Kundengruppe) möglich? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Kunde zusammenführen - Die Kunden haben unterschiedliche Konten im selben Onlineshop User helfen Usern - Fragen zu JTL-Wawi 0
Unterschiedliche Artikelbilder in unterschiedlichen Sprachen? Geht es? Einrichtung JTL-Shop5 7
URL PFAD SEO Multishop Für jeden Shop unterschiedliche Einträge JTL-Wawi 1.9 2

Ähnliche Themen