# Text auf Produktbildern oder zumindest direkt unter dem Bild

**URL:** <https://forum.shopware.com/t/text-auf-produktbildern-oder-zumindest-direkt-unter-dem-bild/70272>\
**Category:** Themes & Design\
**Created:** [17. Oktober 2020 um 12:30 UTC](https://forum.shopware.com/t/text-auf-produktbildern-oder-zumindest-direkt-unter-dem-bild/70272 "2020-10-17T12:30:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![joker464](https://avatars.discourse-cdn.com/v4/letter/j/a9a28c/32.png) [@joker464](https://forum.shopware.com/u/joker464)\
**Post date:** [17. Oktober 2020 um 12:30 UTC](https://forum.shopware.com/t/text-auf-produktbildern-oder-zumindest-direkt-unter-dem-bild/70272/1 "2020-10-17T12:30:40Z")

</div>

Hi zusammen,

aus gegeben Anlass muss ich leider alle Bilder mit einem Text (z.B. “Symbolfoto”) versehen. Leider stehe&nbsp;ich etwas auf dem Schlauch und finde nicht die richtige Stelle um ihn auszugeben.

Nach meinen ersten Test und Recherchen den Text auf dem Bild auszugeben,&nbsp;denke ich, das es irgendwo in der “cms-element-image-gallery.html.twig” sein sollte.

Notfalls kann der Text auch direkt unter dem Bild stehen. Dabei wäre dann vermutlich “index.html.twig” richtig. Aber in diesem fall finde ich nicht die stelle damit es direkt beim Bild steht… Es ist immer etwas weiter unten und nach Links versetzt

Hat jemand einen Tipp für mich?

Vielen Dank für eure Unterstützung

&nbsp;

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

---

<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. Oktober 2020 um 17:37 UTC](https://forum.shopware.com/t/text-auf-produktbildern-oder-zumindest-direkt-unter-dem-bild/70272/2 "2020-10-17T17:37:16Z")

</div>

Medien mit customFields befüllen und das Template erweitern…

```
@Storefront/storefront/utilities/thumbnail.html.twig

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![joker464](https://avatars.discourse-cdn.com/v4/letter/j/a9a28c/32.png) [@joker464](https://forum.shopware.com/u/joker464)\
**Post date:** [17. Oktober 2020 um 21:54 UTC](https://forum.shopware.com/t/text-auf-produktbildern-oder-zumindest-direkt-unter-dem-bild/70272/3 "2020-10-17T21:54:56Z")

</div>

> [@Moorleiche schrieb:](https://forum.shopware.com/profile/32221/Moorleiche "Moorleiche")
> 
> Medien mit customFields befüllen und das Template erweitern…
> 
> @Storefront/storefront/utilities/thumbnail.html.twig
> 
> &nbsp;

Das ist auch eine Möglichkeit. CustomFields habe ich schon ;)&nbsp;Schaue mir das morgen mal an. Danke!

---

<div class="post-metadata">

**Author:** ![joker464](https://avatars.discourse-cdn.com/v4/letter/j/a9a28c/32.png) [@joker464](https://forum.shopware.com/u/joker464)\
**Post date:** [24. Oktober 2020 um 15:36 UTC](https://forum.shopware.com/t/text-auf-produktbildern-oder-zumindest-direkt-unter-dem-bild/70272/4 "2020-10-24T15:36:55Z")

</div>

> [@Moorleiche schrieb:](https://forum.shopware.com/profile/32221/Moorleiche "Moorleiche")
> 
> Medien mit customFields befüllen und das Template erweitern…
> 
> @Storefront/storefront/utilities/thumbnail.html.twig
> 
> &nbsp;

Naja, jetzt bin ich näher dran.&nbsp;Aber wirklich unten dran, geschweige auf das Bild, komme ich nicht. Irgendwie fehlt mir der Durchlblick.  
Ich habe bereits ein wenig mit clearfix gearbeitet, aber das müsste doch eigentlich dann wieder im&nbsp;Übergeordnetten Objekt genutzt werden, oder?

Auch mir \< figure \>\< img src \*\*\*\*\*\* \>\< figcaption \>\< /figcaption \>\< /figure \> komme ich nicht weiter. der Text wird immer hinter dem Bild dargestellt ☹

Könntest du noch ein wenig spezifischer werden @Moorleiche

---

<div class="post-metadata">

**Author:** ![joker464](https://avatars.discourse-cdn.com/v4/letter/j/a9a28c/32.png) [@joker464](https://forum.shopware.com/u/joker464)\
**Post date:** [24. Oktober 2020 um 20:23 UTC](https://forum.shopware.com/t/text-auf-produktbildern-oder-zumindest-direkt-unter-dem-bild/70272/5 "2020-10-24T20:23:53Z")

</div>

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

Bin doch näher dran gekommen. Aber noch nicht was ich mir vorgestellt habe.

Aktuell habe ich das \< img \> mit einem \< figure \> umschlossen und dann in der “cms-element-image-gallery.html.twig” die Blöcke

“element\_image\_gallery\_inner\_item” und “element\_image\_gallery\_inner\_single” mit einem \< figcaption \> ergänzt… Besser aber noch optimierungswürdig!

&nbsp;

Jemand noch einen Tipp wie ich es auf das Bild bekomme?