Teaserbox

[tri]

Hallo
Wenn ich das Teaserbox-Modul abwechselnd mit:
«Bild links | Text rechts»
«Text links | Bild rechts»
«Bild links | Text rechts»
etc. aufliste.

Werden die Bilder und Texte im
Mobile-Ansicht
«Bild»
«Text»
«Text»
«Bild»
etc. dargestellt.

Gibt es eine Möglichkeit im Mobile
«Bild»
«Text»
«Bild»
«Text»
so darzustellen?

Danke für einen Hinweis :-)

[tri]

Kein Hinweis?

[Tim]

Du kannst für mobil eigene Elemente anlegen und die Sichtbarkeit mit Hilfe der "only-mobile" Klasse steuern.

[tri]

Genau das wollte ich vermeiden ;-)
Elemente duplizieren, «Bild links | Text rechts» umstellen, Abstände anpassen und mit hide-mobile und only-mobile steuern etc.
... ist etwas umständlich, besonders wenn Text und Bildänderungen anstehen.

Bei «Background-Image/Color» werden
«Bild»
«Text»
«Bild»
«Text»
schön abwechselnd dargestellt

[Tom]

Dazu muss das gesamte Element auf Flex umgebaut werden.
Am Besten in der customize.css ergänzen. Ggf. die Klassen je nach verwendetem Setting anpassen. Ich hab hier mal ein Bsp. für die Teaserbox 30/70:

.ce_teaserbox .ce_teaserbox_inside {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.ce_teaserbox.width_image_30 .image_wrapper {
    flex: 0 0 30%;
}

.ce_teaserbox .image_wrapper, .ce_teaserbox .text_wrapper {
    display: block;
}

@media only screen and (max-width: 767px) {
    .ce_teaserbox.width_image_30 .image_wrapper {order: 2; flex: 0 0 100%;}
    .ce_teaserbox .image_wrapper, .ce_teaserbox .text_wrapper {order: 1;}
}

Ich hab ein Feature-Request erstellt. Wir werden das im nächsten größerem Eclipse-Update generell auf Flex umbauen.

Schöne Grüße
Tom

[Tim]

Was spricht dagegen sich ein zweites customelement_teaserbox Template anzulegen, quasi customelement_teaserbox_bild_links/rechts und dort einfach nur die Reihenfolge der Bildausgabe tauschen? Im Element wählt man dann einfach das Ausgabetemplate.

[tri]

Hallo Tom

Habe EclipseX auf 3.0 aktualisiert.
Leider verhalten sich die Teaser-Boxen noch wie in Version 2
Oder hab ich was übersehen?

Ich hab ein Feature-Request erstellt. Wir werden das im nächsten größerem Eclipse-Update generell auf Flex umbauen.

[Tim]

Hi, das Feature ist im Release-Plan von EclipseX 3.1