# Einkaufswelten - Erlebniswelten

**URL:** <https://forum.shopware.com/t/einkaufswelten-erlebniswelten/59824>\
**Category:** Allgemein\
**Created:** [2. Juni 2019 um 11:28 UTC](https://forum.shopware.com/t/einkaufswelten-erlebniswelten/59824 "2019-06-02T11:28:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![galerie-art](https://avatars.discourse-cdn.com/v4/letter/g/97f17d/32.png) [@galerie-art](https://forum.shopware.com/u/galerie-art)\
**Post date:** [2. Juni 2019 um 11:28 UTC](https://forum.shopware.com/t/einkaufswelten-erlebniswelten/59824/1 "2019-06-02T11:28:33Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Moritz\_Naczenski](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/moritz_naczenski/32/7792_2.png) [@Moritz\_Naczenski](https://forum.shopware.com/u/Moritz_Naczenski)\
**Post date:** [2. Juni 2019 um 16:14 UTC](https://forum.shopware.com/t/einkaufswelten-erlebniswelten/59824/2 "2019-06-02T16:14:35Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![gentlemanaccessoires](https://avatars.discourse-cdn.com/v4/letter/g/ce73a5/32.png) [@gentlemanaccessoires](https://forum.shopware.com/u/gentlemanaccessoires)\
**Post date:** [3. Juni 2019 um 17:20 UTC](https://forum.shopware.com/t/einkaufswelten-erlebniswelten/59824/3 "2019-06-03T17:20:48Z")

</div>

Hallo,

wird es dann auch möglich sein, dass z.B. mehrere&nbsp;horizontale Elemente übereinander neben einem vertikalen Element (z.B. Banner) stehen? Etwa so:

| A | B | C |  
| 1 | 3 |

---

<div class="post-metadata">

**Author:** ![galerie-art](https://avatars.discourse-cdn.com/v4/letter/g/97f17d/32.png) [@galerie-art](https://forum.shopware.com/u/galerie-art)\
**Post date:** [9. Juni 2019 um 11:13 UTC](https://forum.shopware.com/t/einkaufswelten-erlebniswelten/59824/4 "2019-06-09T11:13:30Z")

</div>

> [@gentlemanaccessoires schrieb:](https://forum.shopware.com/profile/23643/gentlemanaccessoires "gentlemanaccessoires")
> 
> Hallo,
> 
> wird es dann auch möglich sein, dass z.B. mehrere&nbsp;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&nbsp;

---

<div class="post-metadata">

**Author:** ![AndreHerking](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/andreherking/32/7839_2.png) [@AndreHerking](https://forum.shopware.com/u/AndreHerking)\
**Post date:** [9. Juni 2019 um 12:13 UTC](https://forum.shopware.com/t/einkaufswelten-erlebniswelten/59824/5 "2019-06-09T12:13:52Z")

</div>

Hallo Peter,

ja das ist aktuell eingeplant, dass bestimmte Elemente Viewport-abhängig ausgespielt werden können:

[https://issues.shopware.com/issues/NEXT-3471](https://issues.shopware.com/issues/NEXT-3471)

LG Andre

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [9. Juni 2019 um 12:39 UTC](https://forum.shopware.com/t/einkaufswelten-erlebniswelten/59824/6 "2019-06-09T12:39:39Z")

</div>

Das kannst du auch relativ simpel im Theme mit CSS Grid umsetzen. Dein Beispiel wäre bspw.:

[https://codepen.io/christopherdosin/pen/MMgWXg](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.&nbsp;