Produkt-Bilder mittig ausrichten

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)

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

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. :frowning:
Hatt jemand die zündende Idee?

 

 

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