Bildermaße für Produktlisten verändertn

Ich habe gerade eben die Ansicht meiner Produktliste angepasst / verändert.

Jetzt möchte ich die Maße des Bildes, das man in der Produktliste sieht, abändern, da ich dort ein größeres Bild benötige.

Kann mir jemand sagen wo ich das genau machen kann?
Habe schon nach einer Lösung im FAQ gesucht aber leider nichts gefunden.

Der Screenshot ist zwar nur sehr klein (kann man das Bild auch größer Anhängen?), aber ich habe das Fenster mit dem Bild rot markiert.

Gruß
Daniel

Im Template inc/product.tpl wird abhängig davon welcher Stil (Größe) für die gelisteten Produkte gewählt wird, z.b. $size==‘thin’ , wie in deinem Fall, ein bestimmtes Artikelbild verwendet.

$product->getPictureUrl(1) mit 200x200px,
$product->getIconUrl() mit 56x42px oder bei [B]thin[/B]
$product->getThumbnailUrl() 100x100px

Wenn es das ist was du meinst ?

Servus tobi73de,
ja, genau das meine ich.

Habe jetzt in der “inc/product.tpl” nach “$product->getIconUrl()” und auch gefunden.

Aber ich habe noch nicht verstanden, was ich genau machen muss um die Größe zu Verändern. Konnt dort nicht mit 56x42px oder thin finden.

Das wäre der Ausschnitt:

    <a id="test_pic_[{$testid}]" href="[{ $_productLink }]" class="picture url" rel="product[{if $oView->noIndex() }] nofollow[{/if}]">
      <img class="photo" src="[{if $size=='big'}][{$product->getPictureUrl(1) }][{elseif $size=='thinest'}][{$product->getIconUrl() }][{else}][{ $product->getThumbnailUrl() }][{/if}]" alt="[{ $product->oxarticles__oxtitle->value|strip_tags }] [{ $product->oxarticles__oxvarselect->value|default:'' }]">
    </a>

aha

Ich habe gerade eben die Ansicht meiner Produktliste angepasst / verändert.
Da muss ich mal ganz bloed fragen: Wie hast Du denn die Ansicht deiner Produktliste verändert?

Per default ist doch die Produktliste 2-spaltig ?!

Ich hätte das so gemacht:

  1. in der list.tpl Zeile 92 size=“thin” hinzugefügt, dann hat man die Produktliste einspaltig

[{include file="inc/product.tpl" product=$actionproduct size="thin" testid="action_"|cat:$actionproduct->oxarticles__oxid->value test_Cntr=$smarty.foreach.test_articleList.iteration}]

  1. die inc/product.tpl Zeile 18 folgendermaßen modifiziert:

src="[{if $size=='big' }][{$product->getPictureUrl(1) }]

src="[{if $size=='big' || $size=='thin'}][{$product->getPictureUrl(1) }]

natürlich muss dann noch das CSS angepasst werden das das Bild auch in die Produktbox passt.

Das Bild müsste jetzt so 250 x 200 px haben, wenn das zu groß ist kann man das mittels CSS ja auch herunterskalieren.

alternativ kann man ntürlich noch ein zusätzliches Produkt-Box-Format erstellen, das ist vielleicht am günstigsten

Ich hoffe das ist irgenwie klarer geworden, ich hab das mal kurz am originalen 4.3.2 basic template probiert.

mfg

Hab dass kürzlich auch gemacht. Schau Dir mal dem Abschnitt aus der oxid.css Zeile 441 an und vergleich diesen mit meinem Beispiel:

#body .product.thin{width:433px;height:173px; border-color: #555555;}
#body .product.head strong.h4{margin:0;background:#ffffff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #555555;border-left:8px solid #555555;border-right:1px solid #555555;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#555555;}
#body .product.head strong.h4.thin{width: 549px;border-color:#555555;;color:#555555;background:#e2e2e2;padding:1px 5px 8px 7px;}
#body .product.thin .price {position:absolute; top:157px; right:175px;}
#body .product.thin .amount {position:absolute; bottom:25px; right:5px;}
#body .product.thin .tocart {position:absolute; bottom:5px; right:5px;}
#body .product.thin .moreinfo {position:absolute; bottom:5px; right:100px;}
#body .product.thin .moreinfo a {width: 135px;}
#body .product.thin .variants {position:absolute; bottom:25px; right:100px;}
#body .product.thin .actions {margin-left:100px;}
#body .product.thin tt {float: left;}
#body .product.thin .flag {float: left;margin-left:4px;}
#body .product.thin .picture{width: 155px;}
#body .product.thin .desc {color:#555555;font-size: 10px;margin-left:100px;}

Da passen jetzt Bilder mit Format 170*150 rein.