Antwort #5 am: 28. Dezember 2012, 21:21:33
Auha... ^^
Also Ich habe ein Produktbild welches für bestimmte Produkte die Maße 60*30 PX hat (Größe muss in der Auflistung der Produkte beibehalten werden). Für andere Produkte nehme ich die Maße 100*100px.
Damit jetzt z.B. auf der Startseite überall auch die ansonsten 60*30px Bilder auf 100*100PX gestreckt werden (es gibt keine Verzerrung da das Bild lediglich aus einem Farbton besteht) benutze ich folgenden Work Arround:
Ich erstelle eine DIV Klasse "klasse-xy" und weise ihr folgende css Werte zu:
.klasse-xy{
position:relative;
float: left;
padding-top: 16px;
}
und packe darein das Produktbild und weise diesem eine weitere Klasse mit folgenden css Werten zu:
.klassebild{
padding: 0px 0px 0px 0px;
float:left;
width:100px;
height:100px;
background-color:#ffffff;
border: solid #6B6B6B;
border-width:1px 1px 1px 1px;
margin-left: auto;
margin-right: auto;
clear:both;
}
Das ganze sieht dann so aus:
<div class="klasse-xy">{if $module_data.PRODUCTS_IMAGE!=''}<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" class="klassebild" alt="{$module_data.PRODUCTS_NAME}" /></a>{/if}</div>
Nun hab ich den Effekt, dass dasselbe Produktbild in der Artikelliste mit 60*30px angezeigt wird und sonst das Bild überall auf 100+100px gestreckt wird. Einzig allein in der checkout_confirmation.html funktioniert das nicht.