# Icons bei den Formularen hinzufügen

**URL:** <https://forum.shopware.com/t/icons-bei-den-formularen-hinzufugen/61919>\
**Category:** Programmierung\
**Created:** [22. September 2019 um 15:54 UTC](https://forum.shopware.com/t/icons-bei-den-formularen-hinzufugen/61919 "2019-09-22T15:54:41Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kevin357](https://avatars.discourse-cdn.com/v4/letter/k/b3f665/32.png) [@Kevin357](https://forum.shopware.com/u/Kevin357)\
**Post date:** [22. September 2019 um 15:54 UTC](https://forum.shopware.com/t/icons-bei-den-formularen-hinzufugen/61919/1 "2019-09-22T15:54:41Z")

</div>

Hallo zusammen,

ich bin gerade auf ein kleines Problem mit den Formularen z.B. das Kontaktformular&nbsp;gestoßen und zwar will ich vor den den einzelnen Feldern noch Icons setzen (siehe nachfolgendes Bild). Bei der Registrierung funktioniert dies einwandfrei, nur bei den Formularen musste ich feststellen, dass die div-Elemente keine “class” haben. Hierdurch kann ich über “before” keine Icons davor setzen ☹ Gibt es auch eine andere Möglichkeit die Icons davor zu setzen?

Viele Grüße

Kevin

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

---

<div class="post-metadata">

**Author:** ![Lukaschel](https://avatars.discourse-cdn.com/v4/letter/l/e56c9b/32.png) [@Lukaschel](https://forum.shopware.com/u/Lukaschel)\
**Post date:** [22. September 2019 um 16:15 UTC](https://forum.shopware.com/t/icons-bei-den-formularen-hinzufugen/61919/2 "2019-09-22T16:15:49Z")

</div>

Hallo Kevin,

schau mal unter themes/Frontend/Bare/frontend/forms/forms-elements.tpl im Block&nbsp;frontend\_forms\_form\_elements\_form\_builder

Wenn du in deinem Theme das Template extendest kannst du ja um den Block ein div machen mit einer Klasse den Name der Elemente kriegst du aus der Schleife.

Grüße Lukaschel

---

<div class="post-metadata">

**Author:** ![Kevin357](https://avatars.discourse-cdn.com/v4/letter/k/b3f665/32.png) [@Kevin357](https://forum.shopware.com/u/Kevin357)\
**Post date:** [22. September 2019 um 17:32 UTC](https://forum.shopware.com/t/icons-bei-den-formularen-hinzufugen/61919/3 "2019-09-22T17:32:41Z")

</div>

Hallo Lukaschel,

schonmal vielen Dank für deine schnelle Antwort 🙂

Ich habe nachfolgend mal den Block aus der besagten tpl-Datei rauskopiert:

```
{block name='frontend_forms_form_elements_form_builder'}
                            

                                {s name="RequiredField" namespace="frontend/register/index" assign="snippetRequiredField"}{/s}
                                {$sSupport.sFields[$sKey]|replace:'%*%':$snippetRequiredField}

                                {if $sSupport.sElements[$sKey].typ eq 'checkbox'}
                                    {$sSupport.sLabels.$sKey|replace:':':''}
                                {/if}

                            
                        {/block}

```

das div-Element bekomme ich um den Block noch herum, aber bei der Schleife bräuchte ich ein wenig Unterstützung. Könntest du mir dabei einmal behilflich sein?

Viele Grüße

Kevin

---

<div class="post-metadata">

**Author:** ![Lukaschel](https://avatars.discourse-cdn.com/v4/letter/l/e56c9b/32.png) [@Lukaschel](https://forum.shopware.com/u/Lukaschel)\
**Post date:** [22. September 2019 um 19:22 UTC](https://forum.shopware.com/t/icons-bei-den-formularen-hinzufugen/61919/4 "2019-09-22T19:22:58Z")

</div>

Hallo Kevin,

beispielsweise so, wobei ich gerade gesehen habe das die Input felder doch eine ID haben mit dem Name, hätte mich auch irgendwie gewundert.

```
{extends file="parent:frontend/forms/form-elements.tpl"}

{block name="frontend_forms_form_elements_form_builder"}
    
        {$smarty.block.parent}
    
{/block}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![msslovi0](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@msslovi0](https://forum.shopware.com/u/msslovi0)\
**Post date:** [23. September 2019 um 07:20 UTC](https://forum.shopware.com/t/icons-bei-den-formularen-hinzufugen/61919/5 "2019-09-23T07:20:07Z")

</div>

D‍ie div-Tags haben halt nicht leider durchgängig ne Klasse, ist mir auch schon negativ aufgefallen. Man könnte sich das sicherlich auch irgendwie über das Input-Feld und dessen ID zurechtfummeln, aber Formular-Felder stylen ist nicht vergnügungssteuerpflichtig, von daher sollte man das vermeiden wo es nur geht…

Gruß

Matt

---

<div class="post-metadata">

**Author:** ![Kevin357](https://avatars.discourse-cdn.com/v4/letter/k/b3f665/32.png) [@Kevin357](https://forum.shopware.com/u/Kevin357)\
**Post date:** [23. September 2019 um 19:23 UTC](https://forum.shopware.com/t/icons-bei-den-formularen-hinzufugen/61919/6 "2019-09-23T19:23:28Z")

</div>

Hallo&nbsp;Lukaschel,

vielen Dank für deine Hilfe, hat alles wunderbar funktioniert 🙂

Viele Grüße

Kevin