# Bilder aus asset Ordner einbinden

**URL:** <https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821>\
**Category:** Themes & Design\
**Created:** [17. September 2019 um 16:09 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821 "2019-09-17T16:09:04Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![jonassiewertsen](https://avatars.discourse-cdn.com/v4/letter/j/839c29/32.png) [@jonassiewertsen](https://forum.shopware.com/u/jonassiewertsen)\
**Post date:** [17. September 2019 um 16:09 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/1 "2019-09-17T16:09:04Z")

</div>

Da ich in den Docs nichts dazu finden konnte und der Weg mit Smarty logischerweise nicht mehr funktioniert, frage ich hier.&nbsp;

**Wie kann ich ein Bild aus dem asset Ordner meines Themes einfügen?**

Das Bild liegt hier

```
MeinTemplate/src/Resources/storefront/asset/images/bild.png

```

Die theme.json hat folgenden Auszug:

```
"asset": [
    "Resources/storefront/asset"
  ]

```

Wie binde ich das Foto im Twig template ein?

---

<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. September 2019 um 16:16 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/2 "2019-09-17T16:16:22Z")

</div>

```
{{ asset(VAR) }}

```

Also in deinem Falle bspw.

```
{{ asset('images/bild.png') }}

```

Als Image dann natürlich im img tag

Ungetestet, sollte aber gehen glaube ich.

---

<div class="post-metadata">

**Author:** ![jonassiewertsen](https://avatars.discourse-cdn.com/v4/letter/j/839c29/32.png) [@jonassiewertsen](https://forum.shopware.com/u/jonassiewertsen)\
**Post date:** [17. September 2019 um 16:24 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/3 "2019-09-17T16:24:27Z")

</div>

So ähnlich kenne ich es aus Blade, doch das scheint nicht zu funktionieren. Ich bekomme die Ausgabe:

Das Bild wird leider nicht angezeigt.

---

<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. September 2019 um 16:44 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/4 "2019-09-17T16:44:17Z")

</div>

Ich habe mich damit noch nicht auseiannder gesetzt - Aber Symfony zieht natürlich die Bilder & Dateien aus dem /public Ordner im Root.

[https://symfony.com/doc/current/templates.html#linking-to-css-javascript-and-image-assets](https://symfony.com/doc/current/templates.html#linking-to-css-javascript-and-image-assets)

Aufgrund der theme.json und&nbsp;

```
"asset": [
        "Resources/storefront/asset",
    ]

```

werden die Dateien kopiert nach /public/theme/xxxxxx

dumpst du bspw. die var file in der foreach aus dem footer, wird der pfad zurück gegeben, bspw.&nbsp;

```
 theme/d6c386b4351ffcf73f72daa5fd038f58/js/all.js

```

Aber wie man jetzt an diese url kommt, ist eine gute Frage. Das weiß ich leider noch nicht, vielleicht jemand anders 🙂

---

<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:** [17. September 2019 um 17:58 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/5 "2019-09-17T17:58:36Z")

</div>

try this

```
{{ asset('images/bild.png')|sw_encode_url }}

```

… ach mist, das geht nur für medien die man im theme zuordnet…

---

<div class="post-metadata">

**Author:** ![jonassiewertsen](https://avatars.discourse-cdn.com/v4/letter/j/839c29/32.png) [@jonassiewertsen](https://forum.shopware.com/u/jonassiewertsen)\
**Post date:** [17. September 2019 um 18:18 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/6 "2019-09-17T18:18:04Z")

</div>

The output is the same ☹

As i can see, asset() does point to the public directory. But the pictures havent been copied to the public folder. I did try storefront:build.&nbsp;

---

<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. September 2019 um 19:26 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/7 "2019-09-17T19:26:19Z")

</div>

Die Bilder werden kopiert, bzw. eben den Pfad den du in deiner theme.json angibst - Nach /public/theme/xxxxxxxxxxx/assets/…&nbsp;

xxxxxx ist die lange id - Da liegt dann auch das Bild drin. Das gleiche passiert ja auch mit den css/js Dateien usw. Nur muss man halt irgendwie an den pfad „xxxxxxxx“ kommen.

Also in etwa&nbsp;{{ asset(‚theme/xxxxxxxx/assets/images/bild.png‘) }}

[@Michael Telgmann]([http://forum.shopware.com/profile/17553/Michael](http://forum.shopware.com/profile/17553/Michael) Telgmann „Michael Telgmann“)‍ Hast du eine Lösung ? 🙂

---

<div class="post-metadata">

**Author:** ![Michael\_Telgmann](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/michael_telgmann/32/20289_2.png) [@Michael\_Telgmann](https://forum.shopware.com/u/Michael_Telgmann)\
**Post date:** [18. September 2019 um 11:25 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/8 "2019-09-18T11:25:09Z")

</div>

Hallo zusammen,

in unserem PayPal Plugin findet ihr ein Beispiel dafür:&nbsp;[SwagPayPal/finish-details.html.twig at master · shopwareLabs/SwagPayPal · GitHub](https://github.com/shopwareLabs/SwagPayPal/blob/master/src/Resources/views/storefront/page/checkout/finish/finish-details.html.twig#L37)  
Der zweite Parameter “@SwagPayPal” sorgt dafür, dass ab&nbsp;dem Verzeichnis “public/bundles/swagpaypal” geschaut wird,&nbsp;wo das asset sich befindet.&nbsp;

Viele Grüße aus Schöppingen

![cool](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/86c57fbace799dd4eb1f1b8a2d3bdc1733f0aea1.png "cool")&nbsp;Michael Telgmann

---

<div class="post-metadata">

**Author:** ![tobiashe](https://avatars.discourse-cdn.com/v4/letter/t/c37758/32.png) [@tobiashe](https://forum.shopware.com/u/tobiashe)\
**Post date:** [18. März 2020 um 08:32 UTC](https://forum.shopware.com/t/bilder-aus-asset-ordner-einbinden/61821/9 "2020-03-18T08:32:43Z")

</div>

> [@Michael Telgmann schrieb:](https://forum.shopware.com/profile/17553/Michael%20Telgmann "Michael%20Telgmann")
> 
> Hallo zusammen,
> 
> in unserem PayPal Plugin findet ihr ein Beispiel dafür:&nbsp;[https://github.com/shopwareLabs/SwagPayPal/blob/master/src/Resources/views/storefront/page/checkout/finish/finish-details.html.twig#L37](https://github.com/shopwareLabs/SwagPayPal/blob/master/src/Resources/views/storefront/page/checkout/finish/finish-details.html.twig#L37)  
> Der zweite Parameter „@SwagPayPal“ sorgt dafür, dass ab&nbsp;dem Verzeichnis „public/bundles/swagpaypal“ geschaut wird,&nbsp;wo das asset sich befindet.&nbsp;
> 
> Viele Grüße aus Schöppingen
> 
> ![cool](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/86c57fbace799dd4eb1f1b8a2d3bdc1733f0aea1.png "cool")&nbsp;Michael Telgmann

Hallo Michael,

was hat es eigentlich mit dem sw\_icon ‚{% sw\_icon ‚arrow-medium-double-left‘ style { ‚size‘: ‚fluid‘, ‚pack‘: ‚solid‘} %}‘ auf sich? Wie binde ich die ein?