Hallo,
aus den Einkauswelten werden ja die Erlebniswelten. Habe ich das richtig verstanden, das in den Erlebniswelten nur noch vorbestimmte Bausteine zur Verfügung stehen und nicht mehr über die Matrix in den Einkaufswelten sehr individuell in Art ( und vorallem ) Größe die “Welten” erstellt werden können ?
Peter
Hallo Peter,
das Grid an sich wurde vereinfacht, ja. Dafür haben die Elememte selbst eine horizontale Anzahl. Du kannst bspw. ein Element mit drei Bausteinen verwenden, aber auch eines mit fünf. Die Vertikale Breite erreichst du also durch die Blöcke. Du bist so eher noch freier in der Gestaltung, weil auch sowas wie ein Element mit 5 vertikalen Inhalten und darunter eines mit 2 platziert werden können. Vorher musstest du immer ganz genau ausrechnen, wie viele Zellen du brauchst und ob diese bspw. durch 2 und 3 teilbar sein müssen usw.
Zudem bringen die Blöcke auch alle ihr eigenes Responsive Layout mit und verhalten sich auf allen Viewports gut. Das ist somit deutlich einfacher in der Umsetzung. Am besten schaust du dir das mal an und testest damit etwas rum.
Moritz
Hallo,
wird es dann auch möglich sein, dass z.B. mehrere horizontale Elemente übereinander neben einem vertikalen Element (z.B. Banner) stehen? Etwa so:
| A | B | C |
| 1 | 3 |
@gentlemanaccessoires schrieb:
Hallo,
wird es dann auch möglich sein, dass z.B. mehrere horizontale Elemente übereinander neben einem vertikalen Element (z.B. Banner) stehen? Etwa so:
ABC13
Das ist eine guten Frage , denn ich befürchte das das dann nicht mehr so einfach machbar sein wird.
Und noch die Frage , bisher kann man ja pro Devise festlegene welche Elemente angezeigt werden , wird das dann auch so sein ?
Bestimmte Elemente z.B. nicht auf dem Smartphone oder eben ein anderes ? Können grundsätzlich verschiedene Erlebniswelten für
jedes Endgerät erstellt werden ?
Peter
Hallo Peter,
ja das ist aktuell eingeplant, dass bestimmte Elemente Viewport-abhängig ausgespielt werden können:
https://issues.shopware.com/issues/NEXT-3471
LG Andre
Das kannst du auch relativ simpel im Theme mit CSS Grid umsetzen. Dein Beispiel wäre bspw.:
https://codepen.io/christopherdosin/pen/MMgWXg
.cms-block {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.a { grid-area: 1 / 1 / 2 / 2; }
.a-1 { grid-area: 2 / 1 / 3 / 2; }
.b { grid-area: 1 / 2 / 3 / 4; }
.c { grid-area: 1 / 4 / 2 / 5; }
.c-3 { grid-area: 2 / 4 / 3 / 5; }
Hierfür wäre es wohl noch ganz gut, wenn man bspw. pro Erlebniswelt eine class verteilen kann. Das ist aktuell glaube ich nicht der Fall. Dann kann man das ganze ganz wunderbar über CSS Grid & Flexbox steuern.