# Erlebniswelten Spalten tauschen

**URL:** <https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337>\
**Category:** Administration\
**Created:** [14. Juni 2021 um 13:59 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337 "2021-06-14T13:59:15Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [14. Juni 2021 um 13:59 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337/1 "2021-06-14T13:59:15Z")

</div>

Gibt es bei SW6 in den Erlebniswelten die Möglichkeit die Spalten zu tauschen?

Beispiel:  
Beim Block „Bild-Raster“ soll das große Bild links statt rechts stehen.

Ich hatte es mal bei einem Theme gesehen, dass die Spaltenreihenfolge mittels CSS verändert wurde…

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [14. Juni 2021 um 14:08 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337/2 "2021-06-14T14:08:01Z")

</div>

Ja das geht du kannst dir einfach einen CMS-Block erstellen der genau das tut. In der Dokumentation ist sogar genau das Beispiel beschrieben. [Add CMS block - Shopware Developer](https://developer.shopware.com/docs/guides/plugins/plugins/content/cms/add-cms-block)

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [14. Juni 2021 um 14:42 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337/3 "2021-06-14T14:42:50Z")

</div>

Danke. Ich hatte eigentlich eine einfachere Möglichkeit. Die geschilderte Methode geht doch sehr stark ins System , mit den möglichen Problemen …

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [14. Juni 2021 um 14:49 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337/4 "2021-06-14T14:49:30Z")

</div>

Alternativ könntest du vermutlich eine CSS Klasse anhängen und flex-direction: row-reverse machen. Allerdings weiß ich nicht ob du die Klasse an das richtige Element anhängst.

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [15. Juni 2021 um 11:30 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337/5 "2021-06-15T11:30:12Z")

</div>

Danke.  
Es hat leider nicht geklappt. Der Debugger in Mozilla sagt, dass die Spalten keine Flex-Elemente sind.  
Deshalb greift die CSS-Anweisung wohl nicht.

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [16. Juni 2021 um 08:12 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337/6 "2021-06-16T08:12:54Z")

</div>

Das Text-Bild Element was du ändern möchtest ist schon ein Flex-Element du musst nur die Klasse an das richtige Element hängen. Vermutlich sind über dem Flex-Element noch ein paar div-Elemente.

Ich hab das gerade ausprobiert und es geht auch nur mit CSS. Du musst einfach die Klassen Struktur nachbauen und dann deine Klasse an das Element anhängen. Also schau wo deine Klasse angehängt wird und bau im CSS dann die Struktur nach. Bei mir sieht das dann so aus:

```auto
.deine-klasse {
   .cms-block-container {
     .cms-block-container-row {
          flex-direction: row-reverse;
}}}

```

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [16. Juni 2021 um 11:54 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337/7 "2021-06-16T11:54:55Z")

</div>

Danke. Das klappt.  
Leider wird in der mobile-Ansicht die Ansicht nicht übernommen.  
d.h. ich benötige auch hier die Ansicht „Rechte Spalte vor linker Spalte anzeigen“.

---

<div class="post-metadata">

**Author:** ![ninja](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@ninja](https://forum.shopware.com/u/ninja)\
**Post date:** [17. Juni 2021 um 07:27 UTC](https://forum.shopware.com/t/erlebniswelten-spalten-tauschen/88337/8 "2021-06-17T07:27:34Z")

</div>

In der mobilen Ansicht ist das Element auch keine row mehr sondern eine column. Da müsstest du mit media queries arbeiten und für mobile halt flex-direction: column-reverse; machen