# Zwei Spalten auf mobil nebeneinander

**URL:** <https://forum.shopware.com/t/zwei-spalten-auf-mobil-nebeneinander/102165>\
**Category:** Shopware 6 (German)\
**Created:** [4. Dezember 2023 um 08:57 UTC](https://forum.shopware.com/t/zwei-spalten-auf-mobil-nebeneinander/102165 "2023-12-04T08:57:25Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![urmowski](https://avatars.discourse-cdn.com/v4/letter/u/e19b73/32.png) [@urmowski](https://forum.shopware.com/u/urmowski)\
**Post date:** [4. Dezember 2023 um 08:57 UTC](https://forum.shopware.com/t/zwei-spalten-auf-mobil-nebeneinander/102165/1 "2023-12-04T08:57:25Z")

</div>

Hallo an alle,

besteht die Möglichkeit in den Erlebniswelten auch Inhalte auf mobil nebeneinander darzustellen?Optimalerweise Bild mit Text oder ähnliches. Ich spreche nicht von Produkten, einfache Inhalte wie Teaser usw. Wir nutzen Modern Pro Themeware. Wäre das zum Beispiel mit Bootstrap Klassen oder so möglich. Ich habe viele mit Bootstrap probiert aber es funktioniert nicht. Er zieht es auf mobil immer auf 100%. Ich würde mich freuen über eine Rückmeldung.

Vielen Dank und mit freundlichen Grüßen

---

<div class="post-metadata">

**Author:** ![PromoID](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/promoid/32/14015_2.png) [@PromoID](https://forum.shopware.com/u/PromoID)\
**Post date:** [4. Dezember 2023 um 15:00 UTC](https://forum.shopware.com/t/zwei-spalten-auf-mobil-nebeneinander/102165/2 "2023-12-04T15:00:08Z")

</div>

Jain. Kostenlos nur wenn man sich selbst etwas kleines via HTML/PHP bastelt.  
Dazu empfiehlt sich folgendes Plugin:

> **[HTML Erlebniswelten Element mit Twig Compiler](https://store.shopware.com/moorl29420842994f/html-erlebniswelten-element-mit-twig-compiler.html)**
>
> Du möchtest bereits fertige HTML-, JavaScript-, und CSS-Inhalte in den Erlebniswelten nutzen, aber der Code wird durch die normalerweise verwendeten…

Eventuell gibt es schon weitere Plugins die man kostenlos oder zu einem guten Preis kaufen kann - womit dein vorhaben erfüllt wird ^^ Die Standard-Elemente der Shopware Erlebniswelten sind nicht dazu geeignet.

---

<div class="post-metadata">

**Author:** ![urmowski](https://avatars.discourse-cdn.com/v4/letter/u/e19b73/32.png) [@urmowski](https://forum.shopware.com/u/urmowski)\
**Post date:** [6. Dezember 2023 um 06:40 UTC](https://forum.shopware.com/t/zwei-spalten-auf-mobil-nebeneinander/102165/3 "2023-12-06T06:40:29Z")

</div>

Vielen Dank für die Antwort und die Zeit. Dann weiß ich erstmal Bescheid dass mir da bootstrap nicht weiterhilft und es tatsächlich eine Individualprogrammierung sein muss.  
Danke schön.

---

<div class="post-metadata">

**Author:** ![ergobasis](https://avatars.discourse-cdn.com/v4/letter/e/439d5e/32.png) [@ergobasis](https://forum.shopware.com/u/ergobasis)\
**Post date:** [6. Dezember 2023 um 07:27 UTC](https://forum.shopware.com/t/zwei-spalten-auf-mobil-nebeneinander/102165/4 "2023-12-06T07:27:01Z")

</div>

Ich glaube, bootstrap bringt dich da weiter. Du musst pro viewport angeben wie viele spalten von den zwölf vorhandenn dein element nutzen soll. wenn du die Produktbox auf 6 Splaten einstellst, dann sollte es auch zwei boxen nebeneinander anzeigen.

Wird hierrüber gesteuert wenn du noch „col-6“ einfügst, würde es geanu das machen was du willst. Das div umschließt jede Produktbox im Listing.

```auto
<div class="cms-listing-col col-sm-6 col-lg-4 col-xl-3">

```

---

<div class="post-metadata">

**Author:** ![urmowski](https://avatars.discourse-cdn.com/v4/letter/u/e19b73/32.png) [@urmowski](https://forum.shopware.com/u/urmowski)\
**Post date:** [6. Dezember 2023 um 07:40 UTC](https://forum.shopware.com/t/zwei-spalten-auf-mobil-nebeneinander/102165/5 "2023-12-06T07:40:07Z")

</div>

Wow, Vielen Dank. Da werde ich mich jetzt mal ransetzen und schauen wie ich das in die Erlebniswelten reinbekomme. Super vielene Dank. Sollte es klappen ,werde ich natürlich die Antwort hier mal teilen.

Vielen Dank

---

<div class="post-metadata">

**Author:** ![ergobasis](https://avatars.discourse-cdn.com/v4/letter/e/439d5e/32.png) [@ergobasis](https://forum.shopware.com/u/ergobasis)\
**Post date:** [6. Dezember 2023 um 09:43 UTC](https://forum.shopware.com/t/zwei-spalten-auf-mobil-nebeneinander/102165/6 "2023-12-06T09:43:32Z")

</div>

Das sollte relativ einfach im eigenen Template anpassbar sein. Einfach mal nach cms-listing-col suchen
