# Ausgabe der Varianten erweitern

**URL:** <https://forum.shopware.com/t/ausgabe-der-varianten-erweitern/57107>\
**Category:** Programmierung\
**Created:** [17. Dezember 2018 um 14:51 UTC](https://forum.shopware.com/t/ausgabe-der-varianten-erweitern/57107 "2018-12-17T14:51:43Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![phyton2706](https://avatars.discourse-cdn.com/v4/letter/p/e480ec/32.png) [@phyton2706](https://forum.shopware.com/u/phyton2706)\
**Post date:** [17. Dezember 2018 um 14:51 UTC](https://forum.shopware.com/t/ausgabe-der-varianten-erweitern/57107/1 "2018-12-17T14:51:43Z")

</div>

Hallo zusammen,

ich habe bei unseren Optionen zur Erstellung von Varianten (meistens Farben) auch ein&nbsp; Bild der Farbe&nbsp;eingefügt:

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

Jetzt möchte ich diese Bild mit bei der Varianten-Auswahl mit ausgeben.

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

An der Stelle von „- TEST -“ soll dann das Farbbildchen mit ausgegeben werden.

Ich habe es bereits mit der Variable {$configValue.image} versucht, bekomme anber leider kein Bild ausgegeben…

Welche Variable muss ich ins Tampate eintragen?

LG

Frank

---

<div class="post-metadata">

**Author:** ![stormerMike](https://avatars.discourse-cdn.com/v4/letter/s/e0b2c6/32.png) [@stormerMike](https://forum.shopware.com/u/stormerMike)\
**Post date:** [17. Dezember 2018 um 15:25 UTC](https://forum.shopware.com/t/ausgabe-der-varianten-erweitern/57107/2 "2018-12-17T15:25:27Z")

</div>

Sieh dir mal die [Arten der Varianten-Darstellung](https://docs.shopware.com/de/shopware-5-de/produkte-und-kategorien/varianten) an, da gibt es die Auswahl **Bild** die als Default die konfigurierten Varianten-Bilder ausgibt.

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

Ansatz für Modifikationen ist das Templates **frontend/detail/config\_variant.tpl** (das von frontend/detail/content/ **buy\_container.tpl** eingebunden wird sofern **Bild** als **Art der Konfigurators** verwendet wird).  
Die Antwort auf deine Frage woher die Varianten Bilder kommen findest du auch in **config\_variant.tpl** nämlich von:

```
{$media.thumbnails[0].sourceSet}

```

Kann dir nur das [FroshProfiler Plugin](https://github.com/FriendsOfShopware/FroshProfiler) ans Herz legen mit dem man schon im HTML die verwendeten Template Blöcke sieht und somit sehr schnell zum richtigen Template (im Bare-Theme) findet um eigene Änderungen in eigenen Templates durchzuführen.

---

<div class="post-metadata">

**Author:** ![phyton2706](https://avatars.discourse-cdn.com/v4/letter/p/e480ec/32.png) [@phyton2706](https://forum.shopware.com/u/phyton2706)\
**Post date:** [17. Dezember 2018 um 15:33 UTC](https://forum.shopware.com/t/ausgabe-der-varianten-erweitern/57107/3 "2018-12-17T15:33:13Z")

</div>

Ich habe auch schon die Art der Darstellung auf Bild umgestellt, weil ich dachte, dass könnte die richtige Version für mich sein.&nbsp;Aber leider bekomme ich nicht, wie gewünscht das Farbkästchen, sonden ein Artikel-Bild in der Farbe&nbsp;z.B. so:

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

Das FroshProfiler Plugin habe ich bereits im Einsatz, sonst währe ich bestimmt noch nicht so weit wir zur Zeit…&nbsp; ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")

---

<div class="post-metadata">

**Author:** ![plufri](https://avatars.discourse-cdn.com/v4/letter/p/ac91a4/32.png) [@plufri](https://forum.shopware.com/u/plufri)\
**Post date:** [18. Dezember 2018 um 02:36 UTC](https://forum.shopware.com/t/ausgabe-der-varianten-erweitern/57107/4 "2018-12-18T02:36:08Z")

</div>

Wenn du dir mal die Beschreibung neben dem Bild, welches du verwenden möchtest genauer anschaust, so steht da klar " **Filter Image**" das heißt also, dass von dir hochgeladene Bild wird im Listing verwendet in der Filteranzeige.&nbsp; Du musst mit Freitext Felder arbeiten und dort zb das Bild verlinken. Wenn du den Bild Configurator verwendest ist die config\_variant.tpl die Datei die du dann anpassen kannst.

---

<div class="post-metadata">

**Author:** ![phyton2706](https://avatars.discourse-cdn.com/v4/letter/p/e480ec/32.png) [@phyton2706](https://forum.shopware.com/u/phyton2706)\
**Post date:** [18. Dezember 2018 um 10:50 UTC](https://forum.shopware.com/t/ausgabe-der-varianten-erweitern/57107/5 "2018-12-18T10:50:38Z")

</div>

Habe ich denn die Möglichkeit, das Bild auch hier auszugeben?

Mit der Lösung über ein Freitest-Feld bin ich nicht so zufrieden, da ich die Farbe ja in der Auswahl mit anzeigen möchte. Schließslich kennt nicht jeder die&nbsp;genannte RAL-Farbe…

---

<div class="post-metadata">

**Author:** ![plufri](https://avatars.discourse-cdn.com/v4/letter/p/ac91a4/32.png) [@plufri](https://forum.shopware.com/u/plufri)\
**Post date:** [18. Dezember 2018 um 12:47 UTC](https://forum.shopware.com/t/ausgabe-der-varianten-erweitern/57107/6 "2018-12-18T12:47:09Z")

</div>

Gehen tut alles, es ist alles nur eine Frage des Aufwands. Am einfachsten geht es&nbsp;halt über Freitextfelder. In deinem Fall würde ich die Ral Farbe als&nbsp;Html Farbcode eintragen.

zb ist der&nbsp;Html Farbcode für die Ral 6027 von oben&nbsp;#82c2c2 . Diesen Wert trägst du dann in dein&nbsp;Freitextfeld ein und gibts diesen entsprechend aus.&nbsp;&nbsp;

So ist auch eine Mixedanzeige möglich hier zb. Farbe , Text, und Bild .&nbsp;

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

&nbsp;

&nbsp;

&nbsp;
