Um vertikal Platz zu sparen, würde ich das auf Mobilgeräten gern als Slider darstellen. In der Desktop Ansicht, bzw. wenn genug Platz da ist, sollten aber alle drei Elemente sichtbar sein.
Ich habe kein geeignetes CMS-Element in den Erlebniswelten gefunden, was das realisiert. Gibt es eigentlich bei Shopware 6 die Möglichkeit, beim Wechsel zwischen Desktop und Mobilgeräten die CMS-Blöcke zu differenzieren, also bei Desktop 3-Spalten-BildText Galerie und bei Mobil den Slider?
bei den Blöcken selbst kannst du das nicht direkt definieren. Ich habe es mal so gelöst, zwei Sektionen zu erstellen und diese über zusätzliche Klassen je nach Geräte-Größe auszublenden - das geht mit den CSS-Klassen von Bootstrap ganz gut: d-none d-lg-block zeigt eine Sektion erst ab Laptop-Größe (>992px Breite) d-lg-none würde ein Element standardmäßig anzeigen, und ab Laptop-Größe ausblenden.
Es gibt noch weitere Breakpoints, mehr hier [EN]:
Da es zwei unterschiedliche Sektionen sind, kannst du dort unterschiedliche Inhalte anzeigen, bzw. diese unterschiedlich darstellen.
die Funktionalität mit Deinem „moori block behaviour“ ist echt Prima. Ich habe aber noch ein Problem mit dem Slider-Inhalt:
Wenn ich für die Slots „Element austauschen“ mache, gibt es in der Auswahl kein Element, wo ich oben ein Bild und unten einen Text, wie in meinem Eingangspost beschrieben, auswählen kann. Gibt es da noch einen Trick?
Naja, es ist das Element „image-text-gallery“. Ich denke schon, dass es aus dem Standard kommt? So eine Teil besteht aus drei Karten mit je zwei Zeilen (oben Bild, unten Text). Wie kann ich so eine Struktur beim Element-Austauschen in die Slot-Zuordnung hineinbekommen?
.