# Template laden innerhalb der modal box

**URL:** <https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184>\
**Category:** Themes & Design\
**Created:** [11. April 2015 um 09:39 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184 "2015-04-11T09:39:37Z")\
**Posts on this page:** 11\
**Page:** 1

<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:** [11. April 2015 um 09:39 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/1 "2015-04-11T09:39:37Z")

</div>

Guten Morgen, ich bin gerade auf der Suche, wie ich es bewerkstelligen kann, dass ich ein Template direkt in der Modal Box laden kann. Es gibt ja nur local, iframe und ajax als mode. Aber in keinem Mode kann man hier ja entsprechende Templates innerhalb der Modal Box laden. Oder stehe ich gerade aufm Schlauch ?

---

<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:** [12. April 2015 um 19:12 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/2 "2015-04-12T19:12:35Z")

</div>

Wollte hier nochmal anstoßen, ob einer eine Lösung parat hat.

---

<div class="post-metadata">

**Author:** ![impuls](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/impuls/32/13698_2.png) [@impuls](https://forum.shopware.com/u/impuls)\
**Post date:** [17. April 2015 um 10:16 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/3 "2015-04-17T10:16:15Z")

</div>

Was genau meinst du mit “Template”? Was genau soll wo geladen werden?

---

<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:** [17. April 2015 um 10:22 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/4 "2015-04-17T10:22:52Z")

</div>

Das du direkt ein smarty Template innerhalb der Modal Box laden kannst. Aktuell geht es ja hier nur über local, ajax und iframe. Sowie ich das sehe kannst du hier aber nicht bspw. direkt einfach ein smarty Template reinladen. Hierbei ging es bspw. um eine Größentabelle. Diese musste ich jetzt praktisch erst als Content Seite anlegen und dann per modal ajax laden lassen. Es gibt aber auch andere Fälle, wo ein laden eines Smarty Templates einfach einfacher wäre.

---

<div class="post-metadata">

**Author:** ![Sheppard](https://avatars.discourse-cdn.com/v4/letter/s/5fc32e/32.png) [@Sheppard](https://forum.shopware.com/u/Sheppard)\
**Post date:** [6. August 2015 um 16:33 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/5 "2015-08-06T16:33:55Z")

</div>

ich stoß das auch nochmal an Wie kann man in der Modalbox eigene sachen Ausgeben wie zb tpl und diese zb Selektiert an die eigentliche Seite übergeben

---

<div class="post-metadata">

**Author:** ![Dom](https://avatars.discourse-cdn.com/v4/letter/d/aeb1de/32.png) [@Dom](https://forum.shopware.com/u/Dom)\
**Post date:** [27. Oktober 2015 um 14:01 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/6 "2015-10-27T14:01:23Z")

</div>

\*Push\* finde ich auch sehr interessant. Anwendungsbeispiel: Über das Plugin “Zubehör Artikel in gruppen” möchte ich im alten SW4 Design ([Beispiel](http://www.aquatuning.de/wasserkuehlung/pumpen/eheim-104648/1046-pumpen/2833/aquacomputer-aquastream-xt-usb-12v-pumpe-ultra-version) das man durch Klick auf den Artikel nicht auf eine andere Seite gelangt, sondern die Beschreibung + Thumbnail in einer Modalbox präsentiert wird. Grüße Dom

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [27. Oktober 2015 um 14:13 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/7 "2015-10-27T14:13:07Z")

</div>

Ich lade das template in eine js Variable: ` var atsdTemplateFooterConfiguration = { 'worldmapModalWidth': parseInt( "{s name="ModalWidth"}600{/s}" ), 'worldmapModalHeight': parseInt( "{s name="ModalHeight"}350{/s}" ), 'worldmapModalTitle': "{s name="ModalHeader"}Aquatuning International{/s}", 'worldmapModalContent': {"{include file="frontend/atsd\_template\_footer/worldmap/modal.tpl"}"|strip|json\_encode} }; ` Und gebe es dann so aus: ` $.modal.open( me.configuration.modalContent, { title: me.configuration.modalTitle, width: me.configuration.modalWidth, height: me.configuration.modalHeight } ); ` Viele Grüße

---

<div class="post-metadata">

**Author:** ![christiantrade](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@christiantrade](https://forum.shopware.com/u/christiantrade)\
**Post date:** [5. September 2018 um 08:05 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/8 "2018-09-05T08:05:39Z")

</div>

Gibt es hier bereits eine sauberere Lösung, oder ist das weiterhin das Vorgehen?

Ich möchte bspw. die Filter im Listing in einem Modal öffnen, anstatt collapse.

---

<div class="post-metadata">

**Author:** ![christiantrade](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@christiantrade](https://forum.shopware.com/u/christiantrade)\
**Post date:** [26. September 2018 um 13:26 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/9 "2018-09-26T13:26:34Z")

</div>

Keiner einen Ansatz?

Ich überlege gerade wie ich am besten die listing Filter in einen Modal öffnen kann 🙂

---

<div class="post-metadata">

**Author:** ![FloC3](https://avatars.discourse-cdn.com/v4/letter/f/838e76/32.png) [@FloC3](https://forum.shopware.com/u/FloC3)\
**Post date:** [8. Januar 2019 um 09:55 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/10 "2019-01-08T09:55:56Z")

</div>

push - ich möchte auch Filter im Modal öffnen und auch funktional haben.&nbsp;

Jemand eine Idee?

---

<div class="post-metadata">

**Author:** ![tomgla](https://avatars.discourse-cdn.com/v4/letter/t/87869e/32.png) [@tomgla](https://forum.shopware.com/u/tomgla)\
**Post date:** [27. Juli 2022 um 08:27 UTC](https://forum.shopware.com/t/template-laden-innerhalb-der-modal-box/26184/11 "2022-07-27T08:27:32Z")

</div>

Sorry fürs Ausgraben, aber das hier ist das Top-Ergebnis bei der Google-Suche nach „shopware 5 modal tpl laden“. Vielleicht hilft es ja noch jemandem, der wie wir noch mit Version 5 unterwegs ist.  
Wie [hier](https://forum.shopware.com/t/content-in-eine-modalbox-laden-keine-shopseite-kein-iframe/49848/3) schon richtig vermutet, muss man den Content escapen.  
Habe das Ganze jetzt so gelöst:

```auto
{include file="frontend/detail/content/popup.tpl" assign="modalContentTpl"}
{$popupData = 'foobar'}
<div data-modalBox="true" data-targetSelector="#openModal" data-content="{$modalContentTpl|escape}">
    <div id="openModal">Popup öffnen</div>
</div>

```

So kann ich Variablen aus dem Template, in dem dieser Schnipsel steht, auch im inkludierten Template verwenden (im Beispiel $popupData).  
Dass ich den Inhalt der tpl-Datei in eine Variable ($modalContentTpl) gepackt habe, hat den einfachen Grund, dass es mir sonst in VS Code die Formatierung zerhaut (offensichtlich wegen den Quotes).