# HTML Erlebniswelten Element mit Twig Compiler

**URL:** <https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164>\
**Category:** Allgemein\
**Created:** [9. April 2020 um 17:25 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164 "2020-04-09T17:25:44Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [9. April 2020 um 17:25 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/1 "2020-04-09T17:25:44Z")

</div>

Habe hier etwas zum rumspielen, sollte nächste Woche auch im Store erhältlich sein.

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/3/3e4e2f6e5f305e89d66f92a2f35a55f07dc57121.jpeg)

[https://github.com/moorl/plugin-MoorlCmsTwig](https://github.com/moorl/plugin-MoorlCmsTwig)

&nbsp;

---

<div class="post-metadata">

**Author:** ![kuf\_com](https://avatars.discourse-cdn.com/v4/letter/k/5fc32e/32.png) [@kuf\_com](https://forum.shopware.com/u/kuf_com)\
**Post date:** [28. August 2020 um 12:22 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/2 "2020-08-28T12:22:58Z")

</div>

Hallo, habe das Plugin installiert (aber bei den verfügbaren Block-Elementen in den Einkaufswelten hat sich nichts geändert.  
Wie kann ich das Element verwenden?

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [28. August 2020 um 12:46 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/3 "2020-08-28T12:46:51Z")

</div>

Hey,

es gibt keine Blöcke, du kannst aber das Element ersetzen.

[https://store.shopware.com/media/image/1e/67/d2/file5e9803c069513.jpg](https://store.shopware.com/media/image/1e/67/d2/file5e9803c069513.jpg)

VG

---

<div class="post-metadata">

**Author:** ![kuf\_com](https://avatars.discourse-cdn.com/v4/letter/k/5fc32e/32.png) [@kuf\_com](https://forum.shopware.com/u/kuf_com)\
**Post date:** [28. August 2020 um 15:18 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/4 "2020-08-28T15:18:51Z")

</div>

aha super das wars!

---

<div class="post-metadata">

**Author:** ![juwaren](https://avatars.discourse-cdn.com/v4/letter/j/e79b87/32.png) [@juwaren](https://forum.shopware.com/u/juwaren)\
**Post date:** [20. Oktober 2020 um 14:23 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/5 "2020-10-20T14:23:31Z")

</div>

Danke, du hast meinen Tag gerettet.

---

<div class="post-metadata">

**Author:** ![juwaren](https://avatars.discourse-cdn.com/v4/letter/j/e79b87/32.png) [@juwaren](https://forum.shopware.com/u/juwaren)\
**Post date:** [20. Oktober 2020 um 17:00 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/6 "2020-10-20T17:00:31Z")

</div>

Hallo moorleiche, (hört sich komisch an, ist aber so)

ich hatte ein paar Probleme mit der Darstellung im Erlebniswelten Editor. Overflow machte Probleme. (Chrome Browser)

Das

hat sich nicht in der Größe angepasst.

Ich habe mal 2 Änderungen in deiner css gemacht:

.sw-cms-el-moorl-twig{width:100%;min-height:200px;max-width:1080px;background-color:#000; **overflow:scroll** ;max-height:400px}

pre{color:#adff2f;padding:10px; **width: 0px;** }

Jetzt passt sich das&nbsp;

im seiner Größe an.

Warum&nbsp; **width: 0px ?**

Ich weiß es nicht, aber du kannst jede Pixelgröße nehmen solange sie kleiner ist als der minimale Platz der zur Verfügung steht.

Vieleicht konnte ich dir damit helfen. Ich finde das Plugin toll und dann sollte Unterstützung selbstverständlich sein.

Grüße aus Bocholt und bleib gesund

Jörg

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Moorleiche](https://avatars.discourse-cdn.com/v4/letter/m/6f9a4e/32.png) [@Moorleiche](https://forum.shopware.com/u/Moorleiche)\
**Post date:** [20. Oktober 2020 um 19:53 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/7 "2020-10-20T19:53:58Z")

</div>

Hi Jörg,

danke - sieht gut aus:

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/2/2285c8c0a5af8b3dd500b8bfff47971d8efa1db5.png)

Habs direkt angepasst - schönen Abend noch 😉

---

<div class="post-metadata">

**Author:** ![z\_shopware\_dev](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/z_shopware_dev/32/15261_2.png) [@z\_shopware\_dev](https://forum.shopware.com/u/z_shopware_dev)\
**Post date:** [29. Oktober 2020 um 10:03 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/8 "2020-10-29T10:03:23Z")

</div>

Moin Moorleiche,

interessantes Plugin, werde das mal ausprobieren und Feedback geben. Wenn ich das richtig sehe, muss ich den Twig- und CSS-Code aber dann in der Administration in einem Eingabefeld reingeben, richtig?  
Eigentlich suche ich gerade auch nach einer Möglichkeit, ganze Seiten aus einem Twig-Template generieren zu lassen. Da du jetzt dieses Plugin geschrieben hast, gehe ich mal davon aus, dass das out of the box nicht möglich ist mit SW6, oder weißt du da zufällig was? Also: statt einer Seite eine Erlebniswelt zuzuweisen, möchte ich einer Seite einfach ein Twig-Template zuweisen und der gesamte Content wird dann daraus generiert. Der Vorteil wäre hier, dass ich den Twig- und CSS-Code in den Dateien in meinem Code-Editor konfigurieren kann.  
Falls das out of the box nicht möglich ist, wäre das auch nochmal ein interessanter Ansatz für ein Plugin 🙂 Können uns dazu gerne mal austauschen, wenn du magst.

---

<div class="post-metadata">

**Author:** ![goldbachmedien](https://avatars.discourse-cdn.com/v4/letter/g/ba9def/32.png) [@goldbachmedien](https://forum.shopware.com/u/goldbachmedien)\
**Post date:** [18. März 2023 um 06:49 UTC](https://forum.shopware.com/t/html-erlebniswelten-element-mit-twig-compiler/66164/9 "2023-03-18T06:49:40Z")

</div>

Moin,

habt ihr den Ansatz noch weiter verfolgt? Wie löst ihr das derzeit?

Grüße
