# Produkt-Bilder mittig ausrichten

**URL:** <https://forum.shopware.com/t/produkt-bilder-mittig-ausrichten/52914>\
**Category:** Themes & Design\
**Created:** [15. Mai 2018 um 13:40 UTC](https://forum.shopware.com/t/produkt-bilder-mittig-ausrichten/52914 "2018-05-15T13:40:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sascha\_Zoundhouse](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@Sascha\_Zoundhouse](https://forum.shopware.com/u/Sascha_Zoundhouse)\
**Post date:** [15. Mai 2018 um 13:40 UTC](https://forum.shopware.com/t/produkt-bilder-mittig-ausrichten/52914/1 "2018-05-15T13:40:36Z")

</div>

Hallo,

ok, folgendes problem/ anliegen.  
Bei uns im Shop liegen die Produktbilder in verschiedenen größen vor.

In dem fall wie auf dem Screenshot zu sehen und die Bilder sollen alle unabhängig von ihrer größe und Form, mittig in der Box ausgerichtet werden.  
Ich hab auch schon den richtigen css Befehl um das zu bewerkstelligen: (siehe Screenshot 2)

&nbsp;&nbsp;&nbsp; \_ **img2** {&nbsp;  
&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; position: absolute;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;top: 0;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;bottom: 0;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;left: 0;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;right: 0;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;margin: auto;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;display: inline-block;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;vertical-align: middle;  
&nbsp;&nbsp;&nbsp; }\_

Jetzt ist es aber so, dass ich für die Produktbilder nicht mehr mit _img_ vergeben darf, da es sonst alle Bilder die diese Klasse _img_ haben, irgendwo mittig ausgerichtet werden.  
Ich vergebe dementsprechend eine neue Klasse _img2_ und schreibe diese in die Global.less mit rein.  
Soweit klar.

Ich finde aber leider nicht, wo ich den Wert von img zu img2 ändern muss, damit nur die Produktbilder sich ändern. ☹  
Hatt jemand die zündende Idee?

&nbsp;

![](https://img2.picload.org/image/dooddlcr/bild_1.png)

&nbsp;

![](https://img2.picload.org/image/dooddlcw/bild_2.png)

---

<div class="post-metadata">

**Author:** ![Sascha\_Zoundhouse](https://avatars.discourse-cdn.com/v4/letter/s/e47c2d/32.png) [@Sascha\_Zoundhouse](https://forum.shopware.com/u/Sascha_Zoundhouse)\
**Post date:** [15. Mai 2018 um 14:11 UTC](https://forum.shopware.com/t/produkt-bilder-mittig-ausrichten/52914/2 "2018-05-15T14:11:20Z")

</div>

Habs gelöst.  
Musste es in die image.tpl direkt rein schreiben 🙂